谷歌地图未加载ionic3

Question

我正在尝试使用以下代码在离子应用程序中加载Google地图，但是当我运行我的代码时没有任何反应（未加载地图，控制台中也未显示异常）我已启用 Android和Ios的地图在Google控制台中，并按照一些教程获取API密钥

.html：

<ion-content>
  <div style="height: 100%;" id="map_canvas"></div> 
</ion-content>

.ts：

  map:GoogleMap;
  lat:any; lang:any;
  constructor() {
    this.loadGoogleMap();
  }  
  loadGoogleMap(){
    let mapOptions: GoogleMapOptions = {
      camera: {
        target: {
          lat: 43.0741904,
          lng: -89.3809802
        },
        zoom: 18,
        tilt: 30
      }
    };
    this.map = GoogleMaps.create('map_canvas', mapOptions);    
    this.map.one(GoogleMapsEvent.MAP_READY)
      .then(() => {
        this.map.addMarker({
            title: 'Ionic',
            icon: 'blue',
            animation: 'DROP',
            position: {
              lat: 43.0741904,
              lng: -89.3809802
            }
          })
          .then(marker => {
            marker.on(GoogleMapsEvent.MARKER_CLICK)
              .subscribe(() => {

              });
          });

      });
  }