2

我有嵌入式谷歌地图的问题。我正在使用 API v3,由于某种原因,黑色块在地图控件和标记后面呈现。

这是屏幕截图:

谷歌地图上的黑框

我只有 HTML5 医生重置样式表,以及一些非常简单的布局和排版自定义样式。当我刷新页面时,整个地图会闪烁片刻,然后呈现黑色块。

这是codepen,但由于某种原因地图没有显示在那里。我已将其标记为:[GOOGLE MAP],以便更容易找到。 http://codepen.io/Jinx/pen/bcrpn

[更新]

我创建了新的 html,除了 mapdiv元素之外没有任何内容,并且包含来自原始 html 的所有脚本和 css 文件,并且 map 可以正常工作。

这让我感到困惑,因为看起来这个错误是由于地图周围的 HTML 造成的?

[更新2]

我得到了要在代码笔上渲染的地图,但它没有控件也没有标记。在本地版本上仍然是相同的结果。

难道是因为我在本地工作?

[更新3]

我刚刚检查了 Firefox、Internet Explorer 9、Opera 和 Safari,地图完美呈现。这似乎是Chrome 错误

另外,我注意到 chrome 正在将所有元素框偏移到浏览器窗口可见区域之外。这是一个屏幕截图。

其他浏览器中的检查器正常显示框。

在此处输入图像描述

4

2 回答 2

2

看来这确实是Chrome 错误。我刚刚复制了我的项目文件夹,并从那里打开了 index.html,一切都很好。

我想这是一些缓存问题/错误。

于 2013-09-03T22:23:33.827 回答
-1

它是黑色的,因为您有一个 CSS 样式将它设置为黑色,并带有正在继承的颜色或图像。检查您的 CSS#000000作为背景颜色或url()图像。

于 2013-09-03T21:21:14.747 回答