Angular 6：Bing Map 在 angular-component-library 中使用时未加载

Question

I have created angular-component-library in Angular 6.I am trying to use this library in other angular project.

Actually this library contains Bing Map only.

Issue is I'm getting " Microsoft is not defined " on the page where I have integrated this library.

Following is my library code.

Bing Map Component

Bing Map HTML

I just suspect that my library is not able to find Microsoft instance to load bing map but don't know why.

Answer 1

Remove "async defer" from the Bing Maps script reference. When you specify this the javascript files load asynchronously and are deferred. As a result you are trying to access the Microsoft namespace before it has been loaded. Alternatively, add a callback function name to the script URL.