百度地圖（24）-GL 地圖自定義樣式

 

1.  自定義樣式和二維模式下類似，需要先在個性化地圖中自定義好地圖樣式，然后根據ID或者json文件來讀取對應的樣式。

https://www.cnblogs.com/googlegis/p/14680866.html

 

2. 另外三維地圖支持兩種模式，一種是普通模式，一種是地球模式（類似於GoogleEarth的那個球）。

BMAP_NORMAL_MAP

BMAP_EARTH_MAP

 

 

3. 設置模式。

/**
 * 地球模式
 */
function setMapEarth() {
  map.setMapType(BMAP_EARTH_MAP);
}

/**
 * 普通模式
 */
function setMapNormal() {

  map.setMapType(BMAP_NORMAL_MAP);
}

 

4. 調用樣式

 需要說明的一點是，自定義樣式只有在普通模式下才能起作用，在地球模式下不起作用。

 

 第一種通過樣式ID：

1 /**
2  * 使用樣式ID設置地圖樣式
3  */
4 function setMapStyleFromId(){
5   map.setMapStyleV2({
6     styleId:'29f56e7ce69278af249c1182f10533c7' //此樣式為測試用，隨時可能會被刪除，請修改為自己的ID

7  }); 

8 }

 

第二種通過調用JSON文件：此處 $ 需要引用jquery.

 1 /**
 2  * 使用樣式Json文件設置地圖樣式
 3  */
 4 function setMapStyleFromJson() {
 5 
 6   $.getJSON('/bdMap/data/custom_map_config.json', function (json) {
 7     map.setMapStyleV2({
 8       styleJson: json
 9     });
10   });
11 }

 

5. 頁面顯示：

 

 

 

 

6. 參考代碼

https://github.com/WhatGIS/bdMap