接入百度地图api

注册百度账号，进入百度地图百度地图开放平台 | 百度地图API SDK | 地图开发

点击开发文档，比如js开发选择javascript API，然后跟着向下走，官方文档挺详细

先获取账号与密钥

 自用Referer设置 * 即可

 

复制AK密钥导入自己的html文件即可

点击DEMO详情即可看到详细代码 【复制粘贴】

向地图添加自定义图片【记得去除背景色】

var point = new BMapGL.Point(x, y);   
var myIcon = new BMapGL.Icon('po.png', new BMapGL.Size(20, 30));
var marker = new BMapGL.Marker(point,{icon : myIcon});        // 创建标注   
map.addOverlay(marker);  

 offset的计算是从默认位置向对角计算，默认位置均不相同

map.centerAndZoom(point, 15); 1是世界地图，15可以看到周围的店名，19放到最大

也可以向container设置高度宽度

 定位

路线导航