获取 RequireJS 异步插件与杏仁.js一起工作



我阅读了以下关于如何获取Google地图的文章,并gmaps.js使用RequireJS。但是,当我构建项目时,RequireJS与杏仁交换。在上面的文章中,它指出 Almond 将无法与 RequireJS 异步插件一起使用。如果没有异步插件,Google 的依赖项不会加载,gmaps.js抛出错误。

有没有办法解决这个问题,并且仍然在使用Almond而不是RequireJS的项目中加载Google地图代码?

是的,我也发现了这个。它说无法加载动态库。我想你必须在本地下载它。

Almond.js 无法使用异步插件进行处理。您可以使用jQuery.Deferred来加载库。

var googleMapsLoader = function(func, options) {
    var defaults = { 
        "sensor"   : "false", 
        "v"        : "3", 
        "key"      : "", 
        "language" : "pt", 
        "region"   : "br",
        "libraries": ""
     };
     $.when($.ajax({
         type: "GET",
         dataType: "script",
         data: $.extend({}, defaults, options),
         url: "https://maps.google.com/maps/api/js",
         crossDomain: true
     })).then(function() {
         func();
     });
};
/*
 * Loading Google Maps API with $.Deferred.
 */
googleMapsLoader(function() {
    // You may call your code here.
}, {
    "libraries" : "geometry,places",
    "v"         : "3.7"
});

查看这个使用 $ 的示例。推迟和马普拉斯。

最新更新