1.百度地图图层的自定义需要结合百度地图的javascript V3.0版本中的 MapStyleV2 方法实现;
2.使用百度地图 个性化地图编辑工具 自定义图层 ,下载json 文件;
3.在项目中引入json 文件
上代码:
// 这是一个渲染地图的方法 (setMapStyleV2尽量放到各种控件之后,避免报错)
rodomMap(){
const _self= this;
var map = new BMap.Map("allmap",{enableMapClick:true});
map.addEventListener("mousedown",function(e){
_self.videoToast=false;
},false)
// 初始化地图,设置中心点坐标和地图级别
map.centerAndZoom(new BMap.Point(114.516222,22.598295), 16);
// 添加地图类型控件
map.addControl( new BMap.MapTypeControl({mapTypes: [BMAP_NORMAL_MAP]}));
// 设置地图显示的城市 此项是必须设置的
map.setCurrentCity("深圳");
// 开启鼠标滚轮缩放
map.enableScrollWheelZoom(true);
map.setMapStyleV2({styleJson:mapStyle}) // mapStyle 是已经下载好的json 文件
// _self.addControl(map);
// _self.addMenu(map);
_self.currentNum(map);
}
},