javascript - Google Maps V3 异步给出错误

标签 javascript google-maps

对于一个网站,我正在尝试异步加载 Google map 脚本,因为它会使某些浏览器 (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 文件中时,Google map 没有显示。一切都是全局性的。我收到以下错误,但我不知道该怎么做。我用谷歌搜索了错误消息,但一无所获。

TypeError: window.initialize is not a function

最佳答案

您没有将宽度和高度 添加到您的#map-canvas。我还检查了你的 fiddle ,因为你正在使用 window.onload = loadScript; 所以把它包在 head 中(左 Angular ,在 Frameworks & Extensions 下)

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

检查这个updated JSFiddle .

关于javascript - Google Maps V3 异步给出错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17343631/

相关文章:

javascript - 在 Google map 上收到奇怪的列/形状

javascript - 嵌入式 YouTube 视频不会在 Chrome 和 IE 中停止

javascript - 插件覆盖了一些 jQuery UI 函数

javascript - FabricJS 中的文本颜色叠加

javascript - Jquery中如何在函数内调用函数?

Javascript 函数 - 将地理位置代码转换为街道地址

javascript - Google Maps JS API 中未定义错误 `contains`

javascript - google maps api中带有图像和数字的标记

javascript - 如何将 Google map 上标记的像素位置映射为纬度和经度

javascript - 遍历jsTree树