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.本站不提供任何储存功能只提供收集或者投稿人的网盘链接。 |
标签: #bmap和bmapgl的区别 #1引入的js的 #BMap引入版本是20 #ampltscript