Google maps angular2嵌入谷歌地图

我想在不使用angular2谷歌地图组件的情况下将谷歌地图集成到我的应用程序中。我试着遵循入门教程

当我将教程中的两个脚本放在index.html文件中并创建一个maps组件（它基本上只链接到带有

标记的html文件）时，我得到以下错误：

TypeError: Cannot read property 'offsetWidth' of null.

这可能是因为在加载实际div之前执行了脚本。如何使这些脚本在加载所有元素后执行？将脚本添加到MyMaps组件的html部分似乎不起作用

---

谢谢

尝试从google maps脚本标记中删除async属性。 如果它仍然不起作用，你可以尝试使用这个

---

祝您好运。

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

使用

setTimeout

：

你可以试试看@

---

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

我已经尝试过了，但都不起作用。我认为问题在于map div位于脚本之后加载的另一个组件中。此外，无法在组件html中运行脚本也阻碍了我的工作。你能把代码放在上面吗？我可以更轻松地帮助你。请尝试检查此链接：地图的样式集在哪里，在html或单独的样式文件中？

export class HomePage {

constructor() {
    setTimeout(() => {

   // your code here 

    }, 0);
}
}