javascript - 谷歌地图 Z-index 地图不显示

Question

我的网站的 z-index 从 100 到 1000。谷歌地图带来了 z-index 为 0 的 gm 样式 div。如图所示：https ://www.dropbox.com/s/qjmqec4bpd6oc1n/googlemap.png

所有 google api z-index，谈论标记 z-index .. 我怎样才能使地图自我可见？

尝试使用 css .gm 样式的 z-index，但没有成功。

Answer 1

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

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

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

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

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