百度地图(21)-GL 初始化地图

1. 百度地图 JSGL library API 主要是用于显示三维模式的,如果想要在地图中显示三维建筑,这种方式

是必不可少的。首先和普通二维 JSAPI 一样,也是需要申请 token 的。

2. 添加对库的引用,同时把申请到的token输入到引用中。

<script type="text/javascript" src="http://api.map.baidu.com/api?type=webgl&v=1.0&ak=Zyq6TjFQ1679hxUWSUhud4i03GThAEGI"></script>

这里可以看到和JS引用的区别,不但设置type参数,版本是 1.0。

3. 添加 div。

<div id="allmap"> </div>

4. 百度地图对象统一为 BMap,初始化地图内容:

 1 /**
 2  * 初始化地图
 3  **/
 4 function initialMap() {
 5   map = new BMapGL.Map("allmap");
 6   //addMapLoaded();
 7   map.centerAndZoom(new BMapGL.Point(116.274625,39.961627), 15);// 初始化地图,中心点和缩放级别
 8   map.enableScrollWheelZoom(true);//支持滚轴缩放
 9 
10   map.setHeading(0);//地图旋转角度
11   map.setTilt(70);//倾斜角
12 }

5. 页面显示, 缩放到一定级别后,是可以查看到三维建筑白模的。视觉效果比二维要好的多。

6. 代码参考

https://github.com/WhatGIS/bdMap

原文地址:https://www.cnblogs.com/googlegis/p/14704930.html