首页 > JavaScript > 百度地图初探2

百度地图初探2

引用百度地图API文件

当引用地图API文件时,需要使用自己申请的API密钥。
例如:

< s cript type="text/javascript" src="http://api.map.baidu.com/api?key=46ce9d0614bf7aefe0ba562f8cf87194&v=1.0&services=false">< / s cript> 

地图需要一个HTML元素作为容器,这样才能展现到页面上。这里我们创建了一个div元素并制定它的大小。地图会根据容器大小调整自身尺寸。

< di v style="width:520px;height:340px;border:1px solid #000" id="container">< / div>

命名空间
API使用BMap作为命名空间,所有类均在该命名空间之下,比如:BMap.Map、BMap.Control、BMap.Overlay。

创建地图实例

var map = new BMap.Map("container");

位于BMap命名空间下的Map类表示地图,通过new操作符可以创建一个地图实例。其参数可以是元素id也可以是元素对象。
注意在调用此构造函数时应确保容器元素已经添加到地图上。

创建点坐标

var point = new BMap.Point(116.404, 39.915);

这里我们使用BMap命名空间下的Point类来创建一个坐标点。Point类描述了一个地理坐标点,其中116.404表示经度,39.915表示纬度。

地图初始化

map.centerAndZoom(point,15);

在创建地图实例后,我们需要对其进行初始化,BMap.Map.centerAndZoom()方法要求设置中心点坐标和地图级别。
地图必须经过初始化才可以执行其他操作。

参考

http://www.cnblogs.com/xuhongfei/archive/2013/04/10/3011964.html

上一篇: js获取IP地址然后查找对应区域的方法

下一篇: 百度地图初探3-对全国各省市行政区域进行着色区分