谷歌地图 Z 索引地图不显示

Google Maps Z-index map doesn't show up

本文关键字：显示 地图 索引 谷歌地图      更新时间：2023-09-26

我的网站的z索引从100到1000。谷歌地图带来了 gm 风格的div，z 索引为 0。

所有谷歌 api z-index，谈论标记 z-index.. 如何使地图本身可见？

我试图为 .gm 样式的 z-index 添加 css，但没有成功。

如果其他元素堆叠在地图画布div 上，则需要向地图画布div 添加更高的 z 索引。这将启动一个新的堆叠上下文，以便谷歌地图中的项目（即使 z 索引为 0）仍然可见。有关堆叠上下文的更多信息，请参阅此处。

另外，您是否在 CSS 中为地图画布div 添加了高度？没有高度，谷歌地图将不会显示。

尝试将其添加到您的 CSS 文件中：

#map-canvas {
    height: 500px;
    z-index: 1001;
}

如果这没有帮助，请包含指向您正在处理的页面的链接，以便我查看是否有其他问题。

相关文章：