Angular 4 _ 如何动态更改谷歌地图 api key

标签 angular google-maps google-maps-api-3 angular7 angular2-services

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

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

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

并在组件中像这样声明 google:
declare let google: any;

并在这样的组件中使用它:
this.map = new google.maps.Map(document.getElementById('googleMap'), this.mapProp);

如何动态更改 index.html 中存在的 API key ?

最佳答案

如果确实需要这样做,可以直接将 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

关于 Angular 4 _ 如何动态更改谷歌地图 api key ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46646306/

相关文章:

jquery - 使用谷歌地图 API v3

javascript - 在 Javascript 中使用 Django 变量与 Google API 一起使用

Angular - 组件之间的共享服务不起作用

unit-testing - 如何对 Angular2 中调用 window.location.href 的函数进行单元测试

angular - 对象文字的属性隐式具有 'any[]' 类型 - Angular 2

google-maps - 如何获得与 Google Map Geocoder V3 相当的精度

angular - 如何在 Angular 中为 *ngFor 设置动画?

java - Android中获取当前位置方向的位置

javascript - 在谷歌地图上绘制矩形区域