angular2嵌入谷歌地图答案

【问题标题】：angular2 embed google mapsangular2嵌入谷歌地图
【发布时间】：2016-10-27 20:33:24
【问题描述】：

我想在不使用 angular2-google-maps 组件的情况下将谷歌地图集成到我的应用程序中。我尝试按照入门教程进行操作

当我将教程中的两个脚本放在 index.html 文件中并创建一个地图组件时，它基本上只链接到一个带有 <div id="map"></div> 标签的 html 文件，我收到以下错误：

TypeError: Cannot read property 'offsetWidth' of null.

这可能是由于在加载实际 div 之前执行的脚本。加载完所有元素后，如何使这些脚本执行？将脚本添加到我的地图组件的 html 部分似乎不起作用。

谢谢！

【问题讨论】：

【解决方案1】：

尝试从 google maps 脚本标签中删除 async 属性。如果还是不行，可以试试这个Synchronous Loading

祝你好运。

【讨论】：

【解决方案2】：

您可以尝试使用让 jQuery 与 Angular 2 一起运行的相同方法。

export class HomePage {

constructor() {
    setTimeout(() => {

   // your code here 

    }, 0);
}
}

【讨论】：

【解决方案3】：

你可以试试AGM或@angular/google-maps

我个人更喜欢第二个选项，但两个链接都很好地解释了如何在 Angular 应用中实现 gmap。

【讨论】：