使用leaflet.js对国家周围的地图进行暗淡/隐藏

chi*_*org 7 leaflet

除了标准leaflet.js地图上的一个国家外,是否可以调暗或隐藏"世界其他地方"?Mabye与国家的轮廓形成了某种"倒多边形"?任何代码示例或链接将不胜感激.

YaF*_*red 7

扩展@tmcw的答案......

秘诀是使用http://leafletjs.com/reference.html#polygon中描述的属性绘制多边形

您还可以通过传递latlngs数组的数组来创建带孔的多边形,第一个latlngs数组表示外部环,而其余部分表示内部的孔.

第一个多边形将是一个与地图本身一样大的矩形,该孔将是您要突出显示的国家/地区.

L.polygon( [outerBoundsLatLngs, latLngs] ); 
Run Code Online (Sandbox Code Playgroud)

这是一个工作示例:http://jsfiddle.net/FranceImage/1yaqtx9u/