百度地图GL篇 一、展示地图

根据项目需求需要支持3D视角展示地图，比较各类库选择 JavaScript API GL 

一、引入百度地图API文件

  <script type="text/javascript" src="https://api.map.baidu.com/api?v=1.0&type=webgl&ak=您的密钥"></script>

二、初始化地图逻辑（创建地图实例，之后用一个Point坐标点和缩放级别来初始化地图）

html中定义容器
 <div id="BdMapId"></div>

 this.map = new BMapGL.Map("BdMapId"); // 创建地图实例

var point = new BMapGL.Point(112.532959, 37.79722); // 创建点坐标

 map.centerAndZoom(point, 12); // 初始化地图，设置中心点坐标和地图级别

 map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放

map.setMapStyleV2({        styleId: "1eb966b5d8f7885dea56156c04759f62",      }); //定义样式文件

需要：设置地图的旋转角度和倾斜角度

map.setHeading(64.5); //设置地图旋转角度

map.setTilt(73); //设置地图的倾斜角度

// 禁止地图旋转和倾斜可以通过配置项进行设置

var map = new BMapGL.Map("allmap",{ enableRotate: false, enableTilt: false });

这样一个带有旋转角度的地图就完成了