首页 > 其他 > 详细

百度地图(24)-GL 地图自定义样式

时间:2021-04-26 22:30:46      阅读:15      评论:0      收藏:0      [点我收藏+]

 

1.  自定义样式和二维模式下类似,需要先在个性化地图中自定义好地图样式,然后根据ID或者json文件来读取对应的样式。

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

 

2. 另外三维地图支持两种模式,一种是普通模式,一种是地球模式(类似于GoogleEarth的那个球)。

BMAP_NORMAL_MAP
BMAP_EARTH_MAP

技术分享图片

 

 



3. 设置模式。

 1 /**
 2  * 地球模式
 3  */
 4 function setMapEarth() {
 5   map.setMapType(BMAP_EARTH_MAP);
 6 }
 7 
 8 /**
 9  * 普通模式
10  */
11 function setMapNormal() {
12 
13   map.setMapType(BMAP_NORMAL_MAP);
14 }

 

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

 

百度地图(24)-GL 地图自定义样式

原文:https://www.cnblogs.com/googlegis/p/14705157.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!