Google Maps V3异步会出错

Question

对于我正在尝试加载Google Maps脚本异步的网站，因为它会使某些浏览器（Firefox）在从Google加载所有脚本之前忽略滚动。

我查看了Google开发者文档并使用了他们的脚本。 https://developers.google.com/maps/documentation/javascript/examples/map-simple-async 只要您将其放在index.html中的<script>标记内，就可以完美无缺。

但是，当我将此代码放在我的main.js文件中时，它不再起作用了。 示例：http://jsfiddle.net/693xK/

然后我在jsfiddle上找到了这个例子似乎有效： http://jsfiddle.net/doktormolle/7cu2F/ 但在这里同样的问题。当我将它放在我的main.js文件中时，谷歌地图没有显示出来。一切都是全球性的。我收到以下错误但我不明白该怎么办。我用Google搜索了错误信息，但没有运气。

TypeError: window.initialize is not a function

Answer 1

您错过了向您的#map-canvas添加宽度和高度。此外，我检查了你的小提琴，因为你正在使用window.onload = loadScript;所以将它包裹在头部（左下角，在框架和扩展下）

#map-canvas{
    width:500px;
    height:500px;
}

检查此updated JSFiddle。