错误“未捕获的函数: Microsoft.Maps.loadModule不是一个函数”

Question

我正在使用带有Vuetify框架的Vue.js。我需要使用具有位置地址字段的表单。当用户开始输入地名时，该字段必须建议位置地址列表。

最终目标是实现如下所示：https://www.bing.com/api/maps/sdk/mapcontrol/isdk/autosuggestuiwithoutmap#JS然而，我得到了以下错误：TypeError: Microsoft.Maps.loadModule is not a function。

​

 metaInfo () {
      return {
        script: [{
          src: `https://www.bing.com/api/maps/mapcontrol?key=[bing_map apikey]`,
          async: true,
          defer: true,
          callback: () => this.loadMapScenario() // will declare it in methods
        }]
      }
    },
  methods: {
    loadMapScenario() {
       Microsoft.Maps.loadModule("Microsoft.Maps.AutoSuggest", {
      callback: () => {
        var options = { maxResults: 5 };
        var manager = new Microsoft.Maps.AutosuggestManager(options);
        manager.attachAutosuggest("#searchBox", "#searchBoxContainer");
      },
    });
    }, 

​

Answer 1

Bing Maps Web SDK还异步加载了一堆额外的资源，您必须等待这些资源。因此，您应该像您所指向的示例那样在URL中指定回调参数(请参见HTML选项卡中的script标记)。下面是从示例中提取的标记，请参阅&callback=loadMapScenario

<script type='text/javascript' src='https://www.bing.com/api/maps/mapcontrol?key=YourBingMapsKey&callback=loadMapScenario' async defer></script>