Angular @viewChild返回未定义

我已经检查了这个问题的其他答案，但到目前为止似乎没有任何帮助。我正在尝试在爱奥尼亚2应用程序中显示地图。但当我尝试选择map div时，它返回undefined。这是密码

页面1.html

第1.ts页

从“@angular/core”导入{Component，AfterViewInit，ViewChild，ElementRef}； 从'ionic angular'导入{NavController}； 谷歌公司； @组成部分{ 选择器：“第1页”， templateUrl:'page1.html'， } 导出类Page1实现AfterViewInit{ @ViewChild'mapDiv'mapDiv:ElementRef； 地图 T ConstructorPublicNavCtrl:NavController{ 这个.initMap； } ngAfterViewInit{ log'My element:'+this.mapDiv； } 初始映射 { this.map=new google.maps.Mapthis.mapDiv.nativeElement，{ 中心：新google.maps.LatLng51.505，-0.09， mapTypeId:google.maps.mapTypeId.ROADMAP， 缩放：11 }; this.t=new Date.getTime； var waqimappoverlay=new google.maps.ImageMapType{ getTileUrl:functioncoord，zoom{ 返回'http://tiles.aqicn.org/tiles/usepa-aqi/“+zoom+/+coord.x+/+coord.y+.png？标记=\u标记\u ID； }, 名称：空气质量， }; insertAt0，waqimappoverlay； } } 控制台错误

`./Page1类Page1_主机-内联模板中的错误：0:0原因：无法读取未定义的属性“nativeElement”` 请告诉我我错在哪里了。我想选择div，这样地图就可以显示在map div的内部

提前感谢您在构造函数中调用initMap

---

@ViewChild'mapDiv'mapDiv:ElementRef；在调用ngAfterViewInit之前未初始化。

非常感谢。我还在学习。这解决了我的问题。太神了再次感谢。可能的副本