如何在多个esri形状图层上设置Z-Index

Question

我尝试使用leaflet JS插件构建leaflet.shapefile地图0.7.7，这允许我使用包含esri形状文件的zip文件并将其投影到地图上。< / p>

我在排序各个Z层索引时遇到很大困难。

这是我的my test version（请参阅下面的更新信息）和代码。

我尝试了以下方法，但我无法让它发挥作用：

Layer1.setZIndex(1);    // Area Action Plan
Layer2.setZIndex(2);    // Enterprise Zone
Layer3.setZIndex(3);    // Local Development Order
Layer4.setZIndex(4);    // Properties

我也试过

Layer1.bringToBack();    // Area Action Plan
Layer2.bringToBack();    // Enterprise Zone
Layer3.bringToBack();    // Local Development Order
Layer4.bringToFront();   // Properties

甚至尝试过

m.on("overlayadd", function (event) {
    Layer1.bringToBack();    // Area Action Plan
    Layer2.bringToBack();    // Enterprise Zone
    Layer3.bringToBack();    // Local Development Order
    Layer4.bringToFront();   // Properties
});

目前，它是随机的，并非所有多边形都可点击或似乎位于图层后面。当我通过图层切换控件（右上角）再次手动将Layer4（属性）关闭和再次打开时，它会将Layer4置于顶部，并且我能够点击这些区域（黄色），但是当加载或重新加载地图（页面加载）时，似乎它有自己的想法

我理想的解决方案是，layer4（属性）始终位于顶层，超过任何其他层，并且能够点击这些。

以下是截图：

有人可以帮助我或建议我，我做错了什么以及如何解决这个问题。谢谢。

** 更新信息： **

我已经按照评论中提出的建议，没有运气

• 升级到版本： 1.0.2

• 为每个图层创建一个pane并将其添加到他们的样式中，如下所示：

  m.createPane('Layer1');
  m.getPane('Layer1').style.zIndex = 399;
  // Added this to the layer style.
  pane: 'Layer1'
  

• 将其另存为new test page 。

然而，代码不再显示任何图层，它们似乎瞬间出现然后再次消失。