谷歌地图api v3空白页面，添加api没有解决它

Question

我有一个Wordpress主题。它有一个地图的地图。它被罚款，但今天突然地图显示了太多请求的错误。经过一些研究后，我添加了一个api浏览器密钥，以避免超出请求的限制。但是在我添加浏览器密钥后，我的地图仍然是空白的。我之前得到的错误信息已经解决，但地图仍然没有显示。

以下是显示空白地图的页面链接：http://goodgoal.org/review-category/eating-and-drinking/

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

编辑：一个很大的问题是我正在努力的表现。但问题仍然存在。在野生动物园和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设置，看看它是否有帮助。