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
