百度地图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 });

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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容