Bing Maps V8 -Uncaught ReferenceError: Microsoft is not defined

Question

I am using bing map in my application for searching. Bing map V8 control.

I have used this CDN

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

after that when I am trying to use Microsoft.Maps. It is saying:

Uncaught ReferenceError: Microsoft is not defined

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

Any one have idea about this?

score 5 · Accepted Answer · answered Dec 11 '17 at 08:26

5

Don't use async while loading Bing API,

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

And if you are using jQuery then add $.ready() to use maps like

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

answered Dec 11 '17 at 08:26

Rohan Kumar

40,431
11
76
106

1

I followed your steps, but I am still getting `Uncaught ReferenceError: Microsoft is not defined`. :/ – Jim Sep 02 '19 at 21:13
Hope you have included jQuery and bing maps api before the $.ready function. – Rohan Kumar Sep 03 '19 at 05:40

score 2 · Answer 2 · answered Jan 16 '21 at 09:28

2

I encountered a similar error while using bing maps js sdk. All you have to do is to add 'windows.' before you write: Microsoft.Maps.Color(100,100,0,100);

So now the new code is :

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

answered Jan 16 '21 at 09:28

SHIVANG YADAV

21
1

Bing Maps V8 -Uncaught ReferenceError: Microsoft is not defined

2 Answers2