百度地图(24)-GL 地图自定义样式
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