如何在页面加载后加载谷歌地图外部JavaScript？

我将提供更多信息来解释我的情况.我正在使用PhoneGap构建一个应用程序,以便在iOS上进行部署.我有一个用户将导航到(不使用ajax)的视图/页面,它将加载所需的google maps js脚本并调用cordova geolocation api.

我的问题是加载谷歌地图脚本:

加载时间过长会使页面停止渲染最多3秒钟.我想推迟外部脚本的加载,直到页面完全呈现.将脚本放在页面底部之前就没有任何帮助了.

我试图使用getScript()但它不起作用并在调试控制台中抛出以下错误:

Failed to execute 'write' on 'Document': It isn't possible to write into a document from an asynchronously-loaded external script unless it is explicitly opened.

我在实际的脚本标记中尝试了'defer'和'async',但是也会抛出同样的错误.其他加载外部JS文件的方法给我带来了相同的错误信息.

是否有任何可能的解决方法来解决此问题.我甚至不知道错误陈述的含义......

我尝试了我的这个解决方案并且有效.

使用jquery在dom上运行脚本.

基本上不是使用你function initialize喜欢这样的:

function initialize(){
/*You code */
}

做这个:

$(function(){
/*You code */
})

而且没必要 google.maps.event.addDomListener(window, 'load', initialize);

了.

编辑#1:我目前正面临着一些熟悉的问题,我想我现在有更好的解决方案.

在您的JS文件中,在初始化函数之后,放置此函数:

var ready: // Where to store the function

    ready = function() {
      var script = document.createElement('script');
      script.type = 'text/javascript';
      script.src = 'https://maps.googleapis.com/maps/api/js?v=3.exp&' + 'libraries=places&'+'callback=initialize';
      document.body.appendChild(script);
    };

它基本上做的是首先调用map loader,然后在加载器准备好之后调用map.
然后再利用你刚才写的东西

在你的html页面中:

这将获取脚本,以便您可以使用其变量,然后ready在DOM准备好并完成加载后调用所需的变量.

我建议在主体关闭后将它放在html页面的底部.