百度地图BMap和BMapGL的区别

1.引入的js的

        BMap引入版本是2.0 

        BMapGL引入版本是1.0 

2.初始化地图

       

        两者之间初始化时的主要区别是
       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()

你可能感兴趣的:(百度,elementui,vue.js)