Leaflet: 在标记物上方的折线

Question

我正在使用 Leaflet 0.7.7，有一个标记类型应该放在我绘制的折线后面。通常标记会被渲染在所有路径之上，但是有没有办法让标记在下方呢？谢谢。

- Peter Samyn

---

请参见 Leaflet - 如何在多边形后面显示标记。 - ghybs

我尝试使用shadowUrl选项，并将一个透明的图像作为图标，但标记仍然在折线上方。我是否遗漏了什么？ - Peter Samyn

结果发现我在链接帖子中给出的窗格顺序是错误的... :-S 不过你可以很容易地解决。让我用代码给出一个简短的答案。 - ghybs

Answer 1

你可以通过CSS简单地更改overlayPane（包含你的矢量图形/折线）和shadowPane（放置阴影的地方）或甚至是markerPane，如果你想要所有标记都位于矢量图形下方。

.leaflet-overlay-pane { z-index: 5; }
.leaflet-shadow-pane  { z-index: 4; }

Demo: http://jsfiddle.net/ve2huzxw/39/

- ghybs

---

这正是我正在寻找的！谢谢。 - Peter Samyn

@ghybs 这个帮了我省去了很长时间的研究。我想在标记之上绘制折线。所以我必须将覆盖层面板改为大于标记面板。有没有更简洁的解决方案？ - Nap

使用Leaflet 1.x，您现在可以创建自己的地图窗格，并指定每个图层应该进入哪个窗格。然后，通过z-index对窗格进行排序，就像以前一样（并且在上面的答案中已经显示）。 - ghybs