Leaflet 实现 使用GeoJSON进行行政区域剪裁，非矢量图层覆盖

前几天利用OpenLayers做了一个使用GeoJSON数据按行政区域剪裁栅格图层的案例，然后有使用Leaflet的朋友也想实现这样的效果。好在Leaflet有一个插件是专门干这个的：

戳我直达项目地址

使用起来很简单，就是准备好GeoJSON的数据，初始化图层，加到地图上：

var osm = new L.TileLayer.BoundaryCanvas(tileLayerUrl, options);
map.addLayer(osm);

第一个参数是栅格图层的资源地址，第二个参数是配置选项，意义如下：

boundary:	用于剪裁栅格图层的GeoJSON对象
crossOrigin:	跨域标记（非必须，主要决定于栅格数据服务）
trackAttribution:	版权信息

本文选择了一个google卫星地图作为剪裁层，OSM政区图作为底图。效果如下：

代码：