リーフレットレイヤーZ-インデックス

Question

リーフレットレイヤー間でz-インデックス（前景を制御）を設定する必要があります。

例えば、 2つ（またはそれ以上）のgeoJsonレイヤー間、または2つ（またはそれ以上）のImageOverlayレイヤー間でbringToFront、bringToBack関数を使用してコントロールします。

L.geoJsonレイヤーは常にL.imageOverlayレイヤーを超えているため、imageOverlayをGeojJsonに設定する必要があります。

これはリーフレットで可能ですか？

Answer 1

はい、ただし、bringToFrontおよびbringToBackを使用していません。 1.0.0バージョンでカスタムペインを使用する必要があります。 GIS.SEのthis postおよびリーフレットサイトのthis tutorialを参照してください。要約すると、イメージオーバーレイ用の新しいペインを作成し、Z-インデックスを設定し、レイヤを作成するときにpaneオプションを設定する必要があります。以下は、あなたにGeoJSON層の上にイメージオーバーレイを追加します：もちろん

map.createPane('imagePane'); 
map.getPane('imagePane').style.zIndex = 401; 
var imageLayer = L.imageOverlay(imageUrl, imageBounds, { 
    pane: 'imagePane' 
}).addTo(map); 

は、あなたはまた、独自のペイン（複数可）ににGeoJSON層を配置し、同様に彼らのzインデックスを操作することができます。