Bing Maps V8 - 未捕获的引用错误：未定义 Microsoft答案

【问题标题】：Bing Maps V8 -Uncaught ReferenceError: Microsoft is not definedBing Maps V8 - 未捕获的引用错误：未定义 Microsoft
【发布时间】：2017-12-11 07:52:57
【问题描述】：

我在我的应用程序中使用 bing 地图进行搜索。必应地图 V8 控件。

我用过这个CDN

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

之后，当我尝试使用 Microsoft.Maps 时。意思是：

Uncaught ReferenceError: Microsoft is not defined

new Microsoft.Maps.Color(100,100,0,100);

有人知道吗？

【问题讨论】：

标签： javascript jquery angularjs bing-maps bing-api

【解决方案1】：

在加载 Bing API 时不要使用async，

<script src='http://www.bing.com/api/maps/mapcontrol?callback=GetMap&key=api_key'
          type='text/javascript' ></script>

如果您使用的是 jQuery，请添加 $.ready() 以使用 maps 之类的

<script>
   $(function(){
       var color = new Microsoft.Maps.Color(100,100,0,100); 
       ....
   });    
</script>

【讨论】：

我按照您的步骤进行操作，但仍然收到Uncaught ReferenceError: Microsoft is not defined。 ://
希望您在 $.ready 函数之前包含了 jQuery 和 bing maps api。

【解决方案2】：

我在使用 bing maps js sdk 时遇到了类似的错误。您所要做的就是添加“窗口”。写之前：Microsoft.Maps.Color(100,100,0,100);

所以现在新代码是：

new window.Microsoft.Maps.Color(100,100,0,100);

【讨论】：