【问题标题】:Leaflet: Polyline above Marker传单:标记上方的折线
【发布时间】:2015-11-19 16:11:06
【问题描述】:

我正在使用 Leaflet 0.7.7,并且有一个标记类型应该放在我绘制的折线后面。

通常标记在所有路径上方呈现,但有没有办法让标记在下方呈现?谢谢。

【问题讨论】:

  • 我尝试使用带有清晰图像的 shadowUrl 选项作为图标,但标记仍在折线上方。有什么我想念的吗?
  • 原来我在链接帖子中给出的窗格顺序是错误的……:-S 你可以轻松解决。让我用代码做一个简短的回答。

标签: javascript leaflet


【解决方案1】:

您可以简单地将 CSS 中的 z-index 更改为 overlayPane(包含矢量/折线的位置)和 shadowPane(放置阴影的位置),或者如果您希望所有标记都更改为 markerPane放在向量下方。

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

演示:http://jsfiddle.net/ve2huzxw/39/

【讨论】:

  • 这正是我想要的!谢谢
  • @ghybs 这为我节省了长时间的研究。我想在标记上方绘制我的折线。所以我不得不将覆盖窗格更改为大于标记窗格。有没有更清洁的解决方案?
  • @Nap 使用 Leaflet 1.x,您现在可以创建自己的地图窗格,并为每个单独的图层指定他们应该进入哪个窗格。然后您通过z-index 订购窗格订单,就像之前的情况一样(并在上面的答案中显示)。
最近更新 更多