javascript - Google Maps V3 async 出现错误

Question

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

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

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

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

TypeError: window.initialize is not a function

Answer 1

您缺少将宽度和高度添加到#map-canvas. 我还检查了你的小提琴，因为你正在使用window.onload = loadScript;所以将它包裹在头部（左角，在 Frameworks & Extensions 下）

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

检查这个更新的 JSFiddle。