Typescript 谷歌地图与爱奥尼亚的集成，实现了无错误的空白屏幕

我正试图将谷歌地图添加到我的web应用程序中，但我成功地获得了一个空白屏幕，并且没有错误地使问题变得更糟！这是到目前为止我的代码。我觉得这可能与mapElement有关，但我的打字脚本知识太差，而且我在网上发现的任何东西似乎都不起作用

从'@angular/core'导入{Component，OnInit，ViewChild，ElementRef}；
@组成部分({
选择器：“应用谷歌地图”，
templateUrl:'./google maps.component.html'，
样式URL:['./谷歌地图.component.scss']，
})
导出类GoogleMapsComponent实现OnInit{
@ViewChild（'map'，{static:false}）mapElement:ElementRef；
文本：字符串；
地图：任何；
构造函数（）{
this.text=“你好，世界”
}
initMap（）{
让coords=newgoogle.maps.LatLng（45100）；
让mapOptions:google.maps.mapOptions={
中心：coords，
缩放：20，
mapTypeId:google.maps.mapTypeId.ROADMAP
}
this.map=new google.maps.map（this.mapeElement.nativeElement，mapOptions）；
}
ngAfterContentInit（）{
this.initMap（）；
}
恩戈尼尼特（）{
}
}

然后尝试使用events.html中的组件

事件

---

任何帮助都将不胜感激

请浏览此URL:

---

似乎您尚未设置div容器的高度和宽度。

是否设置了高度？