Question

我在Leaflet中遇到geoJSON图层顺序问题。我在传单中有三个多边形图层，所有geoJSON都是叠加层。但我无法弄清楚，如何设置图层顺序。我试过autoZIndex：true / false - 没用。总是在切换图层可见性后重新排序，我真的很不高兴:(

以下是我的代码的一部分。我很开心，所以我很乐意提供任何帮助。谢谢，丹

var povoden_5q = L.geoJson(povoden_5q_diba, {style: style, onEachFeature: onEachFeature});  
var povoden_20q = L.geoJson(povoden_20q_diba, {style: style, onEachFeature: onEachFeature});
var povoden_100q = L.geoJson(povoden_100q_diba, {style: style, onEachFeature: onEachFeature});


map = new L.Map('mapa', {
    layers: [topo, povoden_5q]      
    });

var podklad = {
    "Letecký snímek": ortofoto,
    "Topografická mapa": topo
    }
var overlay = {
    "Záplavové území pětileté vody": povoden_5q,        
    "Záplavové území dvacetileté vody": povoden_20q,        
    "Záplavové území stoleté vody": povoden_100q        
    }


map.setView(new L.LatLng(50.9296561, 15.1377869),15);

L.control.layers(podklad, overlay,{collapsed:false, autoZIndex:true}).addTo(map);

Answer 1

layer.bringToFront()和layer.bringToBack()方法怎么样？

在您的情况下，例如：

...
L.control.layers(podklad, overlay,{collapsed:false, autoZIndex:true}).addTo(map);
povoden_5q.bringToBack();
povoden_100q.bringToFront();

或类似的东西。

请参阅docs here。

geoJSON图层顺序传单

1 个答案: