Javascript 延迟加载谷歌地图api

Javascript 延迟加载谷歌地图api,javascript,lazy-loading,Javascript,Lazy Loading,我想在显示我的主页后延迟加载所有第三方JS/CSS,因为当用户从主页导航到某个特定模块时,会使用外部插件等 到目前为止,我已经成功地将normal.js和.css外部库转换为 然而,对于这样的路径,这是失败的 代码: 我认为解决方案应该是如何延迟加载web url?我相信您需要以下内容: $.getScript('http://maps.google.com/maps/api/js?sensor=true'); 使用jQuery。将提供回拨的详细信息。否则谷歌可能有某种机制要求它在加载时出现。

我想在显示我的主页后延迟加载所有第三方JS/CSS,因为当用户从主页导航到某个特定模块时,会使用外部插件等

到目前为止,我已经成功地将normal.js和.css外部库转换为

然而,对于这样的路径,这是失败的

代码:


我认为解决方案应该是如何延迟加载web url?

我相信您需要以下内容:

$.getScript('http://maps.google.com/maps/api/js?sensor=true');
使用jQuery。将提供回拨的详细信息。否则谷歌可能有某种机制要求它在加载时出现。只是猜测。

找到了一个解决方案: 检查URL:'http://maps.google.com/maps/api/js?sensor=true' 您会发现main.js正在由它导入。sensor=true的简单getScript不会给出整个google对象,因此还需要下一次导入

  var t=setTimeout(function(){
    jQuery.getScript('http://maps.google.com/maps/api/js?sensor=true');
    jQuery.getScript('http://maps.gstatic.com/intl/en_us/mapfiles/api-3/10/20/main.js');
  },1000);

当我在firebug中看到这一点时,它确实给出了脚本,但没有在我的代码中加载脚本。在所有的.js/.css都被延迟加载之后,我正在执行这一行。将其放入文档准备就绪是我的答案背后的想法,应该有与超时相同的结果,在我看来,这是最好避免的。。。
  var t=setTimeout(function(){
    jQuery.getScript('http://maps.google.com/maps/api/js?sensor=true');
    jQuery.getScript('http://maps.gstatic.com/intl/en_us/mapfiles/api-3/10/20/main.js');
  },1000);