1.引入的js的

? ? ? ? BMap引入版本是2.0? <script src="http://api.map.baidu.com/api?v=2.0&ak=您的秘钥"></script>

? ? ? ? BMapGL引入版本是1.0? <script src="http://api.map.baidu.com/api?type=webgl&v=1.0&ak=您的密钥"></script>

2.初始化地图

? ? ? ? <div id="map"></div>

? ? ? ? 两者之间初始化时的主要区别是 ? ? ? ?var map =? new BMap.Map("map") ? ? ? ?var map = new BMapGL.Map("map")

3.添加Marker

? ? ? ? BMap

? ? ? ? 首先定义point（一个经纬度的坐标点）

????????var Point = new BMap.Point(lng, lat)

????????var myIcon = new BMap.Icon(img, new BMap.Size(34, 34))

? ? ? ? var marker =?new BMap.Marker(Point, {

????????????????icon: myIcon,

????????})

? ? ? ? map.addOverlay(marker)

? ? ? ? BMapGL? ?

? ? ? ? 把以上的BMap改成BMapGL?

4. 路况展示

? ? ?BMap

? ? ? ? 打开路况

data(){ return{ // * 路况实例 traffic: '', } } this.traffic = new BMap.TrafficLayer() // * 创建交通流量图层实例` this.map.addTileLayer(this.traffic) // * 将图层添加到地图上

? ? ? ? 关闭路况

this.map.removeTileLayer(this.traffic)

? ?BMapGL

? ? ? ? 打开路况

????????? ? ??

this.map.setTrafficOn()

? ? ? ? 关闭路况

???????????????

this.map.setTrafficOff()

---

1.本站遵循行业规范，任何转载的稿件都会明确标注作者和来源；2.本站的原创文章，会注明原创字样,如未注明都非原创，如有侵权请联系删除！；3.作者投稿可能会经我们编辑修改或补充；4.本站不提供任何储存功能只提供收集或者投稿人的网盘链接。