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

Question

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

这是显示空白 map 的页面链接:http://goodgoal.org/review-category/eating-and-drinking/

这些是我的开发者控制台上启用的 API:

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

Answer 1

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

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

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

map 将正确显示。这是 map 仅显示标记但后面没有 map 的情况。

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