Google Maps Api正在加载但未显示

时间:2016-09-07 19:00:01

标签: google-maps google-maps-api-3

我在这个页面上的地图工作了几个月。现在地图加载但不显示。我可以告诉这个,因为api正在添加代码。但最终结果是地图div中的空白区域。一些帮助将被批准。下面是java脚本和html代码:

{{1}}

这是jsfiddle

2 个答案:

答案 0 :(得分:0)

我今天遇到了同样的问题。

你见过Google Maps - Not displaying but loaded in HTML吗?

尝试为高度为100%的地图设置样式:

maven-exec-plugin

答案 1 :(得分:0)

min-height替换为height

以下是工作演示:http://jsbin.com/heposuwipu/edit?html,css,js,output

今天同样的问题发生在我身上。似乎GoogleMaps API今天发生了变化,地图不会显示是否设置了最小高度。由于min-heigh在您的示例中表现为height,因此可以安全地将min-height替换为height

P.S。您的JSFiddle演示中存在其他问题,导致地图无法显示。我认为jQuery和GoogleMaps javascript文件没有正确加载,所以我在JSBin上创建了另一个演示。

更新:Google Maps API刚刚回滚了今天的更新,因此min-height将像以前一样工作(https://twitter.com/GoogleMapsAPI/status/773650227123277824)。感谢@geocodezip提供要跟踪的问题的链接。