javascript - 让谷歌地图折线出现在街道名称下方？

Question

我正在制作地铁 map 。官方谷歌地图上的“过境”选项在街道/城镇名称下方显示了它们的折线，但我不知道如何让我的也这样做。将 zIndex 更改为 0(或负数)不起作用。有人知道怎么做吗？谢谢。

Answer 1

Google map 有多个 panes放置 map 组件的位置。不幸的是， map 图 block 位于所有这些 Pane 下方。如果某物位于更高的 Pane 中，则 Z-index 无效，它只会影响同一 Pane 中的叠加顺序。此外， map 图 block 是渲染所有 map 数据的单个图像。因此，您不能在 map 图 block 上呈现的某些数据下方放置叠加层。

从理论上讲，可能有一种方法可以实现这一点，但这非常困难，我什至不确定它是否可行。使用styled maps您可以创建一个基础 map 类型和一个叠加 map 类型。然后您可以尝试在这两种 map 类型之间放置多段线。肯定有很多缺点:

1. 我还没有尝试使用样式化 map 作为叠加 map 类型，所以我不确定它是否可行。
2. 叠加 map 类型放置在基本 map 正上方的最低 map Pane 中。但是 Google map 提供的多段线呈现在较高的 Pane 中，您不能将它们放在最低的 map Pane 中。
3. 因此，有必要创建您自己的特殊叠加层或包含折线的叠加 map 类型。这是很多工作!然后将其添加到叠加 map 类型下方的最低 map Pane 。

好吧，这就是理论。大量的黑客攻击和不确定的结果。我不会那样做的!