我无法在 ionic 3 中查看谷歌地图？

如何解决我无法在 ionic 3 中查看谷歌地图？

我试图在 ionic 3 页面中显示谷歌地图，但无法查看，我收到此错误

TypeError: 无法读取未定义的属性“nativeElement”

HTML：

<ion-col col-12>
  <div #map id="map_active"></div>
</ion-col>

TS：

@ViewChild('map1') mapElement:ElementRef;

  loadMap(){
   //alert('hi');
    let latLng = new google.maps.LatLng(-34.9290,138.6010);
  
    let mapOptions = {
      center: latLng,zoom: 15,mapTypeId: google.maps.MapTypeId.ROADMAP
    }

    this.map = new google.maps.Map(this.mapElement.nativeElement,mapOptions);

  }