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

时间:2014-09-03 19:24:37

标签: leaflet

是否有可能暗淡或隐藏世界其他地方"除了标准leaflet.js地图上的一个国家? Mabye用某种倒置多边形覆盖了#34;与国家的轮廓?任何代码示例或链接都将不胜感激。

2 个答案:

答案 0 :(得分:7)

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

秘诀是使用http://leafletjs.com/reference.html#polygon

中描述的属性绘制多边形
  

您还可以通过传递数组数组来创建带孔的多边形   latlngs,第一个latlngs数组代表外部   其余的代表内部的洞。

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

L.polygon( [outerBoundsLatLngs, latLngs] ); 

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

答案 1 :(得分:0)

查看leaflet-maskcanvasL.Mask插件