【问题标题】:Lazy Loading of Google Maps library谷歌地图库的延迟加载
【发布时间】:2013-08-12 09:29:37
【问题描述】:

我知道here 描述的谷歌地图库,我目前正在像这样加载它们:

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?libraries=places,weather&sensor=false"></script>

问题是我的地图页面允许用户做很多不同的事情,我现在使用 4 个库。 我想要的是仅在页面加载时包含“基本”Google Maps javascript,并且仅在需要时(例如,当用户想要查看天气时)延迟加载每个库。

这是否可能,而无需在每次需要库时都重新加载整个 Google Maps API?

【问题讨论】:

    标签: javascript google-maps google-maps-api-3 lazy-loading


    【解决方案1】:

    我知道你来自哪里,但是:

    a) 我不知道该库是打算以这种方式使用的,因此即使您可以让它工作,也可能无法保证它是稳定的,并且

    b) 你上面的调用会拉取一个简短的脚本,然后调用一个名为 getScript 的函数并将其传递给它:

    https://maps.googleapis.com/maps/api/js?libraries=places,weather&sensor=false

    如果你从它给你的调用中省略“天气”部分,不出所料,这是:

    https://maps.googleapis.com/maps/api/js?libraries=places&sensor=false

    这两个文件的大小相差 0.6k。考虑压缩时会更少。

    我怀疑您尝试单独加载它们会节省大量时间。总体而言,由于涉及每个请求的延迟,无论如何将它们一起加载可能会更快。

    【讨论】:

      猜你喜欢
      • 2015-06-20
      • 2014-03-01
      • 2012-04-20
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多