如何仅在传单中的特征组元素内部绘制地图层

Question

例如，我有两个地图层：开放的街道地图和我们自己的地图。两者都可以这样定义：

L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
    attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a>'
}).addTo(mapObject);

问题是我不需要在整个地图上绘制第二层，而仅在L.FeatureGroup的内部元素：

的内部绘制第二层

var drawnItems = new L.FeatureGroup().addTo(mapObject);

尤其是在多边形，矩形等内部...有传单吗？如果是，如何实现？

谢谢。

Answer 1

一种方法是使用L.TileLayer的bounds选项，即：

var drawnItems = new L.FeatureGroup( .... );
L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
    attribution: ...,
    bounds: drawnItems.getBounds()
}).addTo(mapObject);

另一种方法是查看用于瓷砖显示的插件列表，并使用tilelayer.boundarycanvas或feaflet-tilelelayer面罩(请记住，请记住可能适用更多插件，并且将来可能会出现更多的插件(。