Leaflet图层排序

Question

我在 Leaflet 中遇到图层排序的问题。我已经按照这个页面http://leafletjs.com/examples/layers-control.html的指引进行了操作。

我的问题是，如何重新排序图层（前景、背景等）。

比如说，我的一个“底层图层”由半透明的瓷砖构成，而我想通过我的底层图层看到“叠加层”，它应该在最前面。

根据这个页面的例子，以下代码片段可以更详细地解释这个问题：

var baseMaps = {
    "Minimal": minimal,
    "Night View": midnight,
    "My Custom Layer": customlayer
};

var overlayMaps = {
    "Motorways": motorways,
    "Cities": cities
};

换句话说，我想知道如何将“我的自定义图层”设置为位于前景（在覆盖图层之上）的图层。

我尝试设置图层的z-index值，但没有帮助。

谢谢。

- Mia

Answer 1

图层控制有两组图层，基础图层和叠加图层。叠加图层将绘制在基础图层之上。

通常情况下，您需要将透明图层添加到叠加图层中。

autoZIndex选项默认为开启状态，它指定控件必须按照添加的顺序为每个图层分配z索引，这意味着它们将按照该顺序绘制。

请参见http://leafletjs.com/reference.html#control-layers

- flup

Answer 2

设置瓦片图层的zIndex。

setZIndex( <Number> zIndex )

myLayer1.setZIndex(4);
myLayer2.setZIndex(5);

第二层覆盖第一层

- Kenyo Joel