Leaflet 使用传单.js模糊/隐藏全国地图的其余部分

Leaflet 使用传单.js模糊/隐藏全国地图的其余部分,leaflet,Leaflet,是否可以在标准的ployate.js地图上模糊或隐藏除一个国家以外的“世界其他地区”?Mabye用某种“倒多边形”覆盖了这个国家的轮廓?任何代码示例或链接都将不胜感激。请参阅和插件扩展@tmcw的答案 秘诀是使用中描述的属性绘制多边形 也可以通过传递阵列阵列来创建带孔的多边形 latlngs的,第一个latlngs数组表示外部 环,其余代表内部的孔 第一个多边形将是一个与地图本身一样大的矩形,洞将是要高亮显示的国家 L.polygon( [outerBoundsLatLngs, latLngs]

是否可以在标准的ployate.js地图上模糊或隐藏除一个国家以外的“世界其他地区”?Mabye用某种“倒多边形”覆盖了这个国家的轮廓?任何代码示例或链接都将不胜感激。

请参阅和插件

扩展@tmcw的答案

秘诀是使用中描述的属性绘制多边形

也可以通过传递阵列阵列来创建带孔的多边形 latlngs的,第一个latlngs数组表示外部 环,其余代表内部的孔

第一个多边形将是一个与地图本身一样大的矩形,洞将是要高亮显示的国家

L.polygon( [outerBoundsLatLngs, latLngs] ); 

下面是一个工作示例:

当四处平移时,遮罩效果会消失,因为它似乎在遮罩瓷砖之前等待瓷砖加载。有什么方法可以解决这个问题吗?我刚刚注意到剪贴是通过L.Mask技术(我在上面提到的那个)实现的,而不是传单maskcanvas(查看演示)。我会努力理解他们是如何做到这一点的。(工具:绘制多边形)。关闭形状时,可以复制/粘贴值(在右侧视图中)