使用背景
项目中用到百度地图组件,是要做一个店铺的商家地理位置页面,使用百度地图JavaScript API,在这里梳理一下大概过程。
一创建项目
1.登录账号,打开控制台
2.点击我的应用,选择创建应用
二、申请ak
在百度地图开放平台控制台申请ak,获得商用授权。授权后就可以使用地图api了。
三、代码中引入
<script type="text/javascript" src="//api.map.baidu.com/api?v=2.0&ak=*******"></script>
在引入时把ak当做参数写在src里。接下来就可以愉快使用各种api了。
四.创建地图容器元素
<divid="container"></div>
五.创建地图实例
varmap=newBMap.Map("container");
6.设置中心点坐标
varpoint=newBMap.Point(116.404,39.915);
七.地图初始化
BMap.Map.centerAndZoom()
八.控件的添加
map.enableScrollWheelZoom(true);//地图可以缩放map.addControl(newBMap.NavigationControl());// 地图导航map.addControl(newBMap.ScaleControl());// 缩放控件map.addControl(newBMap.OverviewMapControl());//概况map.addControl(newBMap.MapTypeControl());//地图类型