我正在尝试在Angular2中实施Google Maps API应用程序,如果我输入index.html
<script src="http://maps.googleapis.com/maps/api/jskey=MY_KEY&libraries=places'"></script>
它完美无缺,但我需要动态插入MY_KEY,因此请将标记<script>
更改为:
<script id="maps-google" src=""></script>
在应用程序组件中:
this.document.getElementById("maps-google").setAttribute('src','http://maps.googleapis.com/maps/api/js?key=' + key + '&libraries=places');
事实是它不起作用并返回错误未捕获我ReferenceError:google未定义,我已经看到使用javascript进行异步调用但没有使用typescript进行异步调用的解决方案,加上地图被初始化并显示在另一个零件。在另一部分,我通过(在另一个组件中)访问“谷歌”:
let google declare: any;
我感谢任何帮助