requirejs - 如何将 Bing map API 与 RequireJS 一起使用？

Question

如何将 Bing Maps API 与最新版本的 RequireJS 结合使用？远程脚本 URL 为:

http://ecn.dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=7.0

我可以添加这样的垫片吗？

require.config({
    /* ... */
    paths: {
        'Microsoft.Maps': 'http://ecn.dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=7.0'
    },
    shim: {
        'Microsoft.Maps': {
            deps: [],
            exports: 'Microsoft'
        }
    }
});

然后在我的模块中使用它，如下所示:

define(['Microsoft.Maps'], function(Microsoft) {
    /* ... */
});

我想我的问题更多是关于如何在 RequireJS 中使用命名空间代码。这些文档没有介绍我能找到的任何示例。

Answer 1

事实证明，您可以使用 async 来做到这一点插件，像这样:

define([
    'async!http://ecn.dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=7.0!onscriptload'
], function() {
    // Microsoft and Microsoft.Maps will be available here
});

async! 位告诉 RequireJS 使用 async 插件，!onscriptload 位告诉它发送自动生成的回调onscriptload URL 参数中的名称。当 Bing 加载完所有资源后，它将发回一个 JSONP 响应，该响应调用 async 插件在 onscriptload 参数中提供的任何回调，然后将其转换为正在加载的资源。异步加载，然后可供您的模块使用。