百度地图（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