Angular2:未捕获的ReferenceError:谷歌未定义

时间:2016-09-28 15:32:05

标签: google-maps google-maps-api-3 angular typescript

我正在尝试在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;

我感谢任何帮助

0 个答案:

没有答案