SuperMap for Leaflet 遮罩层

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);