在百度地图展示运行轨迹的时候,有时候想要加一个灰蒙蒙的图层展示,像是以黑色主题为主,显的高大上些,实现方式如下:
在js调用如下:
this.layoutMap(mapInit);
// mapInit.addEventListener("zoomend", function () { // that.layoutMap(mapInit); // }); 实现方式如下:
layoutMap:function (mapInit) {
//添加地图图层上方黑色蒙版
var b = mapInit.getBounds(); // 取得范围
var ne = b.getNorthEast(); // 东北点
var sw = b.getSouthWest(); // 西南点
var polygon = new BMap.Polygon([
new BMap.Point(ne.lng,ne.lat),
new BMap.Point(sw.lng,ne.lat),
new BMap.Point(sw.lng,sw.lat),
new BMap.Point(ne.lng,sw.lat)
], {strokeColor:"#000", fillColor:"#000",strokeWeight:1, strokeOpacity:0.3,fillOpacity: 0.3}); //创建多边形
mapInit.addOverlay(polygon); //增加多边形
},