Google Maps V3异步出现错误

Google Maps V3 async gives error

本文关键字：错误 异步 Maps V3 Google      更新时间：2023-09-26

对于一个网站，我试图异步加载谷歌地图脚本，因为它会使一些浏览器（Firefox）在从谷歌加载所有脚本之前忽略滚动。

我查看了谷歌开发人员的文档，并使用了他们的脚本。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文件中时，谷歌地图不会出现。一切都是全球性的。我收到以下错误，但我不知道该怎么办。我在谷歌上搜索了错误消息，但运气不佳。

TypeError: window.initialize is not a function

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

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

检查更新的JSFiddle。

相关文章：