Google Maps api v3空白页，添加api没解决答案

【问题标题】：Google Maps api v3 blank page, adding api didnt solve itGoogle Maps api v3空白页，添加api没解决
【发布时间】：2015-12-01 09:51:13
【问题描述】：

我有一个 Wordpress 主题。它有一张带位置的地图。它工作得很好，但今天突然地图显示了太多请求的错误。经过一些研究，我添加了一个 api 浏览器密钥以避免超出请求的限制。但是在我添加浏览器密钥后，我的地图仍然是空白的。我之前收到的错误消息已解决，但地图仍未显示。

这些是在我的开发者控制台上启用的 api：

编辑：一个大问题是我正在研究的性能。但是一个问题仍然存在。在 safari 和 firefox 中，地图显示正确，在 chrome 中，地图仍然是空白的。我尝试了 css 解决方案，但这对我不起作用。

【问题讨论】：

您是否为此使用了任何插件？
主题名为 listify，它使用 wp 作业管理器插件。
地图正在为我显示（在 Chrome 上），加载只需 2 分钟以上。服务器花了 45 秒来提供一个 PNG 文件，所以看起来你的服务器有点过载。您应该考虑减小页面大小，使用媒体时，页面大小为 10.7MB，这实在是太大了。
尺寸是个问题，但我的页面打开了 5-6 分钟，没有重新加载，地图仍然没有显示，我也在 chrome 上。
@vard 是对的，我花了 2.9 分钟加载this image。

【解决方案1】：

我刚刚发现您的地图上存在 CSS 问题。所有图像上的max-width: 100% 属性都会破坏构成地图的图像的宽度（然后是高度）计算。

如果您尝试添加以下规则：

.job_listings-map-wrapper #job_listings-map-canvas img {
  max-width: none;
}

地图将正确显示。这是在地图仅显示标记但不显示背后地图的情况下。

对于其他不一致的负载问题，问题更多与服务器有关。正如我所说的页面大小太大了，我猜服务器（可能是共享主机？）并没有真正适合这个大小。也许您可以尝试增加您的max_execution_time 和memory_limit 设置，看看是否有帮助。

【讨论】：

我会修复性能，也许切换到更高性能的包，我尝试了你的 css 方法，但这并没有真正改变任何东西。我仍然有 safari 和 firefox 工作但 chrome 不能工作的问题。