百度API.docVIP

开始学习百度地图API最简单的方式是看一个简单的示例。以下代码创建了一个520x340大小的地图区域并以天安门作为地图的中心:??? 1.?html?? 2.?head?? 3.?meta?http-equiv=Content-Type?content=text/html;?charset=utf-8?/?? 4.?titleHello,?World/title?? 5.?script?type=text/javascript?src=/api?key=46ce9d0614bf7aefe0ba562f8cf87194v=1.0services=false/script?? 6.?/head?? 7.?body?? 8.?div?style=width:520px;height:340px;border:1px?solid?gray?id=container/div?? 9.?/body?? 10.?/html?? 11.??? 12.??????????????????????????????? ? html head meta?http-equiv=Content-Type?content=text/html;?charset=utf-8?/ titleHello,?World/title script?type=text/javascript?src=/api?key=46ce9d0614bf7aefe0ba562f8cf87194v=1.0services=false/script /head body div?style=width:520px;height:340px;border:1px?solid?gray?id=container/div /body /html ? ???????????????????????????? 1.?script?type=text/javascript??? 2.?var?map?=?new?BMap.Map(container);??????????//?创建地图实例??? 3.?var?point?=?new?BMap.Point(116.404,?39.915);??//?创建点坐标??? 4.?map.centerAndZoom(point,?15);?????????????????//?初始化地图，设置中心点坐标和地图级别??? 5.?/script??? 6.??????????????????????????????? script?type=text/javascript var?map?=?new?BMap.Map(container);??????????//?创建地图实例 var?point?=?new?BMap.Point(116.404,?39.915);??//?创建点坐标 map.centerAndZoom(point,?15);?????????????????//?初始化地图，设置中心点坐标和地图级别 /script ???????????????????????????? 引用百度地图API文件 当您引用地图API文件时，需要使用自己申请的API密钥。 1.?script?type=text/javascript?src=/api?key=46ce9d0614bf7aefe0ba562f8cf87194v=1.0services=false/script?? script?type=text/javascript?src=/api?key=46ce9d0614bf7aefe0ba562f8cf87194v=1.0services=false/script ???????????????????????????? 创建地图容器元素 1.?div?style=width:520px;height:340px;border:1px?solid?#000?id=container/div?? div?style=width:520px;height:340px;border:1px?solid?#000?id=container/div ???????????????????????????? 地图需要一个HTML元素作为容器，这样才能展现到页面上。这里我们创建了一个div元素并制定它的大小。地图会根据容器大小调整自身尺寸。 命名空间? API使用BMap作为命名空间，所有类均在该命名空间之下，比如：BMap.Map、BMap.Control、BMap.Overlay。 创建地图实例 1.?var?map?=?new?BMap.Map(container);? var?map?=?new?BMap.Map(container); ??????????