Question

我需要在此提示窗口中设置更高的z-index，因为出现时地图引脚会保持在它上面。

有谁知道它的类或ID？或者如何让它出现在针脚上？

Answer 1

这有点像黑客，但我希望它可以帮助你完成你想要做的事情。我只是想提一下，这并不是真的得到支持，可能会因此而停止工作。

使用的类是.gm-style-pbc。你实际上可以让整个消息像这样消失：

.gm-style-pbc{
display: none !important
}

您还应该能够做一些其他样式，例如我将背景设置为红色并将消息移到右侧：

.gm-style-pbc{
  background-color: red !important;
  left: 30px !important;
}

我希望这有帮助！

Answer 2

您可以使用@Stephen提到的钩子设置消息样式，并使用!important调整z-index以覆盖内联应用的{（z-index: 2）。使用检查器，我发现在我的代码中，我的标记位于应用了内联z-index: 4;的div上，因此我希望将此提示设置为5以置于该标记图层之上。

但是，如果您将此z-index调整为位于标记之上，因为此消息仅为opacity: 0（而非display:none），如果您愿意，它将阻止与您的标记的互动能够点击它们，等等。为了避免这种情况，您可以使用pointer-events: none使这个提示非交互式并且生效。＆＃34;通过＆＃34;这样你就可以与它背后的东西进行互动。

.gm-style-pbc {
    z-index: 5 !important;
    pointer-events: none;
}

正如@Stephen所提到的，这个＆＃34;钩子＆＃34;没有得到官方支持。

如何设置Google地图样式提示：“使用两根手指移动地图”以移动设备

2 个答案: