百度地圖(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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM