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

Question

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

这是显示空白地图的页面 link：http://goodgoal.org/review-category/eating-and-drinking/

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

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

Answer 1

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

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

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

地图将正确显示。这是在地图只显示标记而没有后面的地图的情况下。

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