【问题标题】:How can I set the opacity of a geojson object or layer in leaflet?如何在传单中设置 geojson 对象或图层的不透明度?
【发布时间】:2013-04-24 02:56:02
【问题描述】:

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

我也试过使用exteriorMaskLayersetOpacity()方法,没有效果。

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

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

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

【问题讨论】:

    标签: javascript leaflet


    【解决方案1】:

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

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

    所以这行得通,将不透明度应用于多边形的内部:

    var exteriorStyle = {
        "color": "#ffffff",
        "weight": 0,
        "fillOpacity": .75
    };
    
    var exteriorMaskLayer = L.geoJson(exteriorMaskGeojsonPoly, {style: exteriorStyle}).addTo(map);
    

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

    【讨论】:

    • 谢谢!你有没有找到任何关于 geojson 样式细节的好文档?
    猜你喜欢
    • 2014-09-05
    • 2013-05-29
    • 1970-01-01
    • 1970-01-01
    • 2011-05-26
    • 2016-02-25
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多