leaflet - 传单层排序

Question

我在传单中遇到关于图层排序的问题。我已经关注了这个页面 http://leafletjs.com/examples/layers-control.html

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

可以说，我的“基础层”之一是由半透明瓷砖制成的，我想通过我的基础层看到“覆盖层”（它应该在前台）

根据页面示例，这里有一个片段来解释有关该问题的更多信息：

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

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

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

我试过设置层的 zindex 值，没有帮助。

谢谢。

Answer 1

图层控件有两组图层，一组基础图层和一组覆盖图层。覆盖层将绘制在基础层之上。因此，通常，您需要将透明层添加到覆盖层。

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

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

Answer 2

设置切片图层的 zIndex。

setZIndex( <Number> zIndex )

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

第 2 层高于第 1 层