2つのgeoJsonレイヤーがロードされています - 両方のレイヤーはテスト目的で同じデータですが、2つの異なるjsonファイルから描画されます。レイヤコントローラでレイヤのオン/オフを切り替えると、レイヤの描画順序が変わります。レイヤーのオン/オフを切り替えるときのレイヤー順序の変更
これは何が起こっているのですか?
私はJSFiddleに私のコードを入れている:http://jsfiddle.net/lprashad/ph5y9/10/とJSは以下の通りです:
//styling for watersheds_copy
var Orange = {
"color": "#ff7800",
"weight": 5,
"opacity": 0.65
};
var Water_Orange = L.geoJson(watersheds_copy, {
style: Orange
});
Water_Orange.addData(watersheds_copy);
//these are blue
var Water_blue = L.geoJson(watersheds, {});
Water_blue.addData(watersheds);
//This sets the inital order - last in layer list being on top. Except minimal - tile layer is always on bottom
var map = L.map('map', {
center: [41.609, -74.028],
zoom: 8,
layers: [minimal, Water_Orange, Water_blue]
});
var baseLayers = {
"Minimal": minimal,
"Night View": midnight
};
//This controls the order in the layer switcher. This does not change draw order
var overlays = {
"Water_Orange": Water_Orange,
"Water_blue": Water_blue
};
L.control.layers(baseLayers, overlays).addTo(map);
LP
あなたのjsfiddleには何も表示されません。 –
あなたのJSFiddleは動作しません。ただし、レイヤーコントロールを使用してオン/オフを切り替えると、レイヤーの順序が変わることはありません。 APIのL.Control.Layersセクションの 'autoZIndex'オプションを参照してください:http://leafletjs.com/reference.html#control-layers。このコントロールの外側でレイヤーを変更する可能性はありますか? –
私はJSFiddleを修正しました:http://jsfiddle.net/lprashad/ph5y9/、ありがとう。私もautoZindexをtrueに設定しようとしましたが、これは役に立ちません。両方の流域レイヤーをオフにしてから、青いレイヤーをオンにし、レイヤーコントロールのオレンジ色のレイヤーをオンにすると、マップの初期化時とは異なるレイヤーでレイヤーが表示されます。 – Lee