无法拖动/缩放/与Google地图交互

Question

E：发现问题了。我有* {宽度：100％;我的CSS文件顶部的高度：100％}。这搞砸了整个地图。删除它解决了这个问题。

这是here产生的问题。在帮助下，我能够通过向CSS添加z-index来移除覆盖地图的白框（仍然不确定为什么会发生这种情况）;但是，现在我根本无法与地图互动。我无法点击+拖动或缩放，Google水印会显示在地图的顶部（据我所知，它应位于底部）。

以下是CodePen中的问题（单击底部导航栏左侧的第二个框）：

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

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

提前感谢您的帮助！

Answer 1

删除CSS行

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

并将其添加到您的CSS

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

那应该解决你的问题。