angular 4 _如何动态更改google map api key

Question

我在我的应用程序中使用谷歌地图API，如下所示：

在index.html中使用api键导入url：

<script src="https://maps.googleapis.com/maps/api/js?key=myKey"></script>

并在组件声明谷歌这样：

declare let google: any;

并在像这样的组件中使用它：

this.map = new google.maps.Map(document.getElementById('googleMap'), this.mapProp);

如何动态更改index.html中存在的API密钥？

Answer 1

如果确实需要执行此操作，则可以将script标签直接添加到DOM。

var script = document.createElement( 'script' );
script.type = 'text/javascript';
script.src = 'https://maps.googleapis.com/maps/api/js?key=myKey';
$("#someElement").append( script );

添加新代码时，它将加载新代码。

代码基于https://stackoverflow.com/a/611016