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

Question

我正在尝试将 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 值似乎被忽略了。

我也尝试过使用 exteriorMaskLayer 的 setOpacity() 方法但没有效果。

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

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

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

Answer 1

我在浏览其他一些传单文档时找到了答案。我需要的样式属性是 fillOpacity。

我猜 opacity 只应用于边框。
weight，在这里，关闭了边框，所以我没有注意到任何变化。

所以这可行，将不透明度应用于多边形的内部:

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

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

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