如何在地图上订购各种图层

Question

我在地图上有4-5层。如何订购它们以便我可以决定哪一个是第一个，第二个和最后一个。现在，我只知道带来前面并带来ToBack。我有什么方法可以按我的要求订购所有这五个吗？

Answer 1

平铺图层可以指定为zIndex option（MapBox reference），以便彼此排序。但是，如果您使用zIndex或bringToFront()方法，则bringToBack()会自动更改。它们都是tilePane的一部分，是地图中最底部的窗格。

图片叠加层没有zIndex选项。您必须使用bringToFront()和bringToBack()为彼此排序，或者将它们添加到所需顺序的地图中。它们是overlayPane的一部分，位于tilePane之上。

无法通过zIndex订购矢量形状图层。您必须使用bringToFront()和bringToBack()，或者将它们添加到所需顺序的地图中。所有矢量形状都包含在单个SVG（或Canvas）元素中，该元素是overlayPane的一部分。因此，与图像叠加相比，您可以将所有形状放在特定位置。但是你不能在下面有一些形状，有些形状在图像叠加之上。

为了完整起见：

• 标记是markerPane的一部分，高于overlayPane。它们是自动排序的，以便顶部标记（即北部）低于底部标记（即南部）。
• 标记的阴影属于shadowPane，实际上位于overlayPane和markerPane之间。
• 弹出窗口是popupPane的一部分，位于markerPane之上。

您甚至可以通过CSS重新排列窗格的顺序。