【发布时间】：2013-09-04 06:23:33
【问题描述】：
我在使用嵌入式 Google 地图时遇到问题。我正在使用 API v3，由于某种原因，黑色块在地图控件和标记后面呈现。
截图如下：
我只有 HTML5 医生重置样式表，以及一些非常简单的布局和排版自定义样式。当我刷新页面时，整个地图会闪烁片刻，然后呈现黑色块。
这里是 codepen，但由于某种原因地图没有显示在那里。我已将其标记为：[GOOGLE MAP]，以便更容易找到。 http://codepen.io/Jinx/pen/bcrpn
[更新]
我创建了新的 html，除了地图 div 元素之外没有任何内容，并且包含原始 html 中的所有脚本和 css 文件，并且地图可以正常工作。
这让我很困惑，因为看起来这个错误是由于地图周围的 HTML 造成的？
[更新2]
我得到了要在代码笔上渲染的地图，但它没有控件也没有标记。在本地版本上仍然是相同的结果。
可能是因为我在本地工作？
[更新3]
我刚刚检查了 Firefox、Internet Explorer 9、Opera 和 Safari，地图完美呈现。这似乎是 Chrome 错误。
另外，我注意到 chrome 将所有元素框偏移到浏览器窗口可见区域之外。这是截图。
其他浏览器中的检查器正常显示框。
【问题讨论】：
-
你的代码是什么样的？
-
请附上相关代码。
-
我有时候真的不明白upvotes，这个问题没有代码，相关信息也很少，基本上是“为什么这里有这个黑匣子？”这是个好问题吗？
-
@watson 写的匆忙，忘记放codepen链接
-
您应该将相关代码放入问题中，以防codepen在一年内不存在，因此您的问题仍然与其他人相关。此外，您应该从示例中删除所有内容，除了相关的内容......也就是说，除了地图和创建地图的代码之外什么都没有。
标签： javascript css html google-maps google-chrome