Google地图Z-index地图未显示

Question

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

所有google api z-index，谈论标记z-index ..如何让地图自我可见？

尝试css .gm-style z-index，但没有成功。

Answer 1

如果其他元素堆叠在它上面，您需要为map-canvas div添加更高的z-index。这将启动一个新的堆叠上下文，以便谷歌地图内的项目（即使z索引为0）仍然可见。有关堆叠上下文的更多信息here。

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

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

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

如果这没有帮助，请提供指向您正在处理的页面的链接，以便我了解是否还有其他问题。