google-maps - 由于 polyfills.js，Google map 兼容性 IE11 无法正常工作

Question

我的应用网站在 IE11 上无法正常工作。

网站无法加载，它给我一个空白页面

这是在 IE11 上抛出的错误:

SCRIPT5005: String expected
js (26,286)

SCRIPT5022: Exception thrown and not caught.
polyfills.js (3234,3)

我将屏幕截图附在控制台上

我已将 API 包含在 my index.html 中，如下所示:

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=API_KEY"></script>

它应该在我的 polyfills.js 之后包含 googlemaps，但我不确定如何做到这一点

我尝试使用 agm-map 和其他解决方案，但到目前为止，没有任何效果。

Answer 1

您可以将 Google map 脚本添加到 ngOnInit() 方法而不是标记中。

let googleMapsScript = document.createElement('script')
googleMapsScript.setAttribute('src', 'https://maps.google.com/maps/api/js?v=3.38&key=YOURGOOGLEMAPSAPIKEY&libraries=places')
document.head.appendChild(googleMapsScript)

这将在加载应用程序的主 JS 后加载 Google map 脚本。我不使用 Angular，但类似的方法在 VueJS 中效果很好。