11

リーフレットのレイヤーの順序について問題があります。このページをフォローしました http://leafletjs.com/examples/layers-control.html

正確な質問は...どうすればレイヤーを並べ替えることができますか(前景の背景など)。

私の「ベースレイヤー」の1つが半透明のタイルでできていて、ベースレイヤーを通して「オーバーレイレイヤー」を見たいとしましょう(それは前景にあるはずです)

ページの例に応じて、問題の詳細を説明するスニペットを次に示します。

var baseMaps = {
    "Minimal": minimal,
    "Night View": midnight,
    "My Custom Layer": customlayer
};

var overlayMaps = {
    "Motorways": motorways,
    "Cities": cities
};

言い換えれば、「My Custom Layer」をフォアグラウンド(overlayMapsの上)にあるレイヤーとして設定する方法を知りたいです。

レイヤーの zindex 値を設定しようとしましたが、役に立ちませんでした。

ありがとう。

4

2 に答える 2

11

レイヤー コントロールには、ベース レイヤーのセットとオーバーレイ レイヤーのセットの 2 つのレイヤー セットがあります。オーバーレイ レイヤーは、ベース レイヤーの上に描画されます。したがって、一般的には、透明レイヤーをオーバーレイ レイヤーに追加する必要があります。

デフォルトでオンになっているこのautoZIndexオプションは、コントロールが追加された順序で各レイヤーに z インデックスを割り当てる必要があることを指定します。つまり、レイヤーはその順序で描画されます。

http://leafletjs.com/reference.html#control-layersを参照してください

于 2013-01-26T15:51:17.547 に答える
5

タイル レイヤーの zIndex を設定します。

setZIndex( <Number> zIndex )

myLayer1.setZIndex(4);
myLayer2.setZIndex(5);

レイヤー 1 上のレイヤー 2

于 2015-10-06T23:36:47.513 に答える