不能拖动/缩放/与谷歌地图交互

Can't Drag/Zoom/Interact with Google Maps

本文关键字：谷歌地图 交互 缩放 拖动 不能      更新时间：2023-09-26

E:找到问题了。我有* {width: 100%;高度:100%}在我的CSS文件的顶部。这搞乱了整个地图。删除这个问题就解决了。

这是一个由此产生的问题。在帮助下，我能够通过在CSS中添加z-index来删除覆盖地图的白框(仍然不确定为什么会发生这种情况);然而，现在我完全无法与地图互动。我不能点击+拖动或缩放，谷歌水印出现在地图的顶部(据我所知，它应该在底部)。

下面是CodePen的问题(点击底部导航栏左边第二个方框):

http://codepen.io/anon/pen/pcwir

我已经尝试了很多不同的东西，但无论它是什么，它只是不想在我的代码中实现时工作。我可以让它在一个单独的HTML页面上工作，但这不是理想的。

提前感谢您的帮助!

删除CSS行

#content_2 .gm-style>div:first-child{z-index:initial!important;}

添加到你的CSS

.gm-style * {
  width:auto;
  height:auto;
}

这应该能解决你的问题。

相关文章：