浏览器端大屏百度地图常用控件 3D/2D 测距 地图风格 卫星地图 路况...

前提：成为百度地图开发者并获取的百度地图key

https://lbsyun.baidu.com/

示例：

https://lbsyun.baidu.com/jsdemo.htm#aCreateMap

3D/2D

        添加控件：

NavigationControl3D = new BMapGL.NavigationControl3D()
this.map.addControl(NavigationControl3D)

测距

var myDistanceToolObject = new BMapGL.DistanceTool(this.map, { lineStroke: 2 });
myDistanceToolObject.open(); // 开启

地图风格

风格配置地址：https://lbsyun.baidu.com/customv2/editor/7c35d0442795689bc962ed8cca6c8f2a

 this.map.setMapStyleV2({ styleJson: mapConfig });

卫星地图

        添加：this.map.setMapType(BMAP_EARTH_MAP); 

        还原：this.map.setMapType(BMAP_NORMAL_MAP);

路况

        打开：this.map.setTrafficOn();

        关闭：this.map.setTrafficOff();