如何在传单中设置geojson对象或图层的不透明度?

时间:2013-04-24 02:56:02

标签: javascript leaflet

我正在尝试将opacity应用于leaflet.js中的geojson图层。 documentation似乎表明可以在样式配置中设置opacity

var exteriorStyle = {
    "color": "#ffffff",
    "weight": 0,
    "opacity": 0.99
};

var exteriorMaskLayer = L.geoJson(exteriorMaskGeojsonPoly, {style: exteriorStyle}).addTo(map);

我想要遮住/隐藏背景地图的对象。在这里,使用exteriorStyle,颜色 将应用于生成的exteriorMaskLayer,并显示多边形。

但是,opacity值似乎被忽略。

我也尝试使用setOpacity()的{​​{1}}方法,但效果不佳。

exteriorMaskLayer

如何在传单中设置geojson对象或图层的不透明度?

使用Leaflet-Leaflet-v0.5.1-0-gc1d410f.zip

1 个答案:

答案 0 :(得分:12)

Doh,我发现它浏览了一些其他的传单文档。 我需要的样式属性是fillOpacity

我猜opacity仅适用于边框 weight,在这里,关闭边界,所以我没有发现任何变化。

这样可行,将不透明度应用于多边形的内部:

var exteriorStyle = {
    "color": "#ffffff",
    "weight": 0,
    "fillOpacity": .75
};

var exteriorMaskLayer = L.geoJson(exteriorMaskGeojsonPoly, {style: exteriorStyle}).addTo(map);

我在可用的样式属性上找不到任何文档。