requirejs - 一起加载 Google Maps + MarkerWithLabel？

Question

还有其他人在使用 Google map + MarkerWithLabel + RequireJS 吗？我基本上想看看是否有可能消除对 MarkerWithLabel 的额外 http 请求，并以某种方式优化所有内容的加载和初始化方式。

现在我正在从 Require 模块中动态加载 Google Maps 库(我需要这个用于动态参数)，但我只能在加载 Google Maps 后让 MarkerWithLabel 工作。理想情况下，最好将它们一起获取或至少预加载 MarkerWithLabel 并保持 Google map 句柄 (URL) 动态。

如果无法合并 Maps + MarkerWithLabel，我正在考虑“延迟模块评估”。我很好奇其他人是如何处理这个问题的。

http://blog.millermedeiros.com/requirejs-2-0-delayed-module-evaluation-and-google-maps/

Answer 1

您可以使用 requirejs async plugin .基本上你应该以这样的方式结束:

require.config({
    paths: {
        /* Bower Libraries */
        async: '../bower_components/requirejs-plugins/src/async',
        markerlabel: '../bower_components/gmaps-makerwithlabel/index',
...

然后，您可以填充它以确保首先加载谷歌地图:

markerlabel: {
    deps: ['async!https://maps.googleapis.com/maps/api/js&sensor=false']
}