leaflet - 如何为 geoJson 图层设置 z 索引图层顺序？

Question

我希望某些图层始终位于其他图层之上，无论它们以何种顺序添加到 map 中。
我知道 bringToFront() ，但它不符合我的要求。我想根据属性动态设置 zIndex。

传单有方法setZIndex() ，但这显然不适用于 geoJson 层:
https://jsfiddle.net/jw2srhwn/

有什么想法吗？

Answer 1

这是在 Leaflet 1.0(与版本 0.x 相比)中实现用户定义的“ Pane ”的原因之一。

创建 panes :var myPane = map.createPane("myPaneName")

如有必要，设置 Pane 元素的类/z-index:myPane.style.zIndex = 450 (引用 z-index values of built-in panes)

创建图层时，指定它们的目标 pane 选项:L.rectangle(corners, { pane: "myPaneName" })

建时通过L.geoJSON工厂，您可以使用 onEachFeature 循环浏览您的功能使用指定目标克隆图层的选项 pane .

演示: https://jsfiddle.net/3v7hd2vx/90/