百度地图BMap和BMapGL的区别

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()