小叶层排序

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

layers控件有两组层，一组基础层和一组覆盖层。覆盖层将绘制在基本层的顶部。所以一般情况下，你会想要把你的透明层添加到覆盖层。

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

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

Answer 2

设置平铺层的zIndex。

setZIndex( <Number> zIndex )

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

第1层上的第2层