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);

第1层上的第2层

传单层排序

2 个答案: