宣传单：如何在多边形后面显示标记？

Question

我的地图上需要图标（PNG）和多边形。因此，我将图标创建为标记，将多边形创建为多边形。不幸的是，无论创建顺序如何，多边形都显示在“下方”标记处。我需要的是反之亦然。有办法吗，怎么做？

Answer 1

编辑：

在Leaflet 0.x中更正默认窗格顺序:(从最顶部到最底部）

1. objectsPane
   1. popupPane
   2. markerPane＆lt; =所有标记图标（L.CircleMarker除外）
   3. shadowPane＆lt; =所有标记图标阴影
   4. overlayPane＆lt; =所有向量（包括L.CircleMarker）
2. tilePane

所以仅仅使用标记的图标阴影是不够的。您必须在CSS（或通过JS）中手动更改这些窗格的z-index。

另见Leaflet: Polyline above Marker。

原始答案：

矢量（如多边形）和标记的堆叠顺序在Leaflet 0.x中得到修复。它们被插入＆＃34; panes＆＃34;哪个顺序（从最顶部到最底部）：

1. popupPane
2. markerPane＆lt; =所有标记图标（L.CircleMarker除外）
3. overlayPane＆lt; =所有向量（包括L.CircleMarker）
4. shadowPane＆lt; =所有标记图标阴影
5. tilePane

因此，您应该可以使用标记Icon shadow轻松解决此固定订单。如果您仍然希望用户能够单击您的标记，只需使用透明图像作为普通图标，其大小与阴影图像相同。

Leaflet 1.0中的情况有所不同。您可以创建自己的窗格（map.createPane），通过指定zIndex（可能通过CSS）来设置订单，并使用pane（和{来指定您的向量和标记的位置） {1}}用于标记）选项。