5

opacityの geojson レイヤーに適用しようとしていますleaflet.jsドキュメントopacity、スタイル構成で設定できることを示しているようです。

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

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

オブジェクトで背景マップをマスク/非表示にしたいと思います。ここでは、 を使用して、結果exteriorStyleの に色適用されexteriorMaskLayer、ポリゴンが表示されます。

ただし、opacity値は無視されているようです。

また、効果のないsetOpacity()メソッドを使用してみました。exteriorMaskLayer

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

リーフレットで geojson オブジェクトまたはレイヤーの不透明度を設定するにはどうすればよいですか?

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

4

1 に答える 1

18

ああ、私はそれが他のリーフレットのドキュメントのいくつかを閲覧しているのを見つけました. 必要なスタイル属性はfillOpacity.

opacity境界線にのみ適用されると思います。
weight、ここでは境界線をオフにするため、変更に気づきませんでした。

したがって、これは機能し、ポリゴンの内部に不透明度を適用します。

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

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

利用可能なスタイル属性に関するドキュメントが見つかりませんでした。

于 2013-04-24T03:30:33.853 に答える