我有兩個geoJson圖層被加載 - 兩個圖層都是用於測試目的的相同數據,但是從兩個不同的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