leaflet-mask.js
下载地址:
https://github.com/perliedman/leaflet-control-geocoder
四角坐标替换为{
northWest: { lat: 59.0, lng: 73.0 }, //遮罩层西北角坐标
northEast: { lat: 59.0, lng: 136.0 }, //遮罩层东北角坐标
sourthEast: { lat: 3.0, lng: 136.0 }, //遮罩层东南角
sourthWest: { lat: 3.0, lng: 73.0 }, //遮罩层西南角
}
使用方法:
引用leaflet-mask.js
创建图形
var polygon = L.polygon(point, opt);
var mask = L.mask({
showPolygons:[polygon],
color: '#ACD6FF',
fillOpacity:0.8,
strokeColor:"none",
strokeWeight:2,
//strokeOpacity:0.5,
renderer: L.canvas({ padding: 1 }) //解决遮罩层拖拽与缩放显示不全的Bug
}).addTo(map);