创建应用步骤:
1.查找到百度地图开发平台,点击进入;
2.第一次进入需要输入账号和密码,登录成功后,进入到控制台;找到应用管理,在我的应用,点击创建应用;
3.跳转到创建应用界面,输入应用名称、选择应用类型(一般为浏览器端)和启用服务,输入域名白名单,然后点击提交;
4.这时会在应用表格中,生成一条新记录,有对应的应用编号、应用名称和访问应用(AK)等;
5.点击右上角的开发文档,选择Web开发下的JavaScript API v3.0;
6.在JavaScript API界面,可以查看到服务介绍、开发指南、类参考、示例DEMO等;
7.可根据官方文档自己创建地图;
使用步骤
初始化地图 并设置地图中心店
var map = new BMap.Map("allmap"); // 创建Map实例
map.centerAndZoom(new BMap.Point(116.404, 39.915), 11); // 初始化地图,设置中心点坐标和地图级别
当然也可以根据城市名称设置地图的中心点:
map.centerAndZoom("上海",15);
map.addControl(new BMap.ScaleControl()); //添加左下方比例尺控件
map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放
map.setCurrentCity("北京"); // 设置地图显示的城市
拖拽地图与滚轮的使用
map.enableScrollWheelZoom(true);
map.disableDragging(); //禁止拖拽
map.enableScrollWheelZoom(); //启用滚轮放大缩小
移动地图,设置地图最大最小的缩放级别
var map = new BMap.Map("allmap",{
minZoom:4,maxZoom:8}); // 创建Map实例,设置地图允许的最小/大级别
//当然也可以动态设置级别:
map.setMaxZoom(10);
map.setMinZoom(2);
获得地图中心点,返回两点之间的距离
getCenter()
getDistance(start:Point, end:Point)
var pointA = new BMap.Point(106.486654,29.490295); // 创建点坐标A--大渡口区
var pointB = new BMap.Point(106.581515,29.615467); // 创建点坐标B--江北区
alert(