Ionic Google MAP API错误

我使用 IONIC-3 并尝试为我的大学项目添加 Google MAP API 我已经按照这条指令Google MAP API，这里也提到同样的问题Question但对我不起作用

My error

无法解析GoogleMap的所有参数：（？，？） . 在syntaxError

app.module.ts

import {GoogleMaps,GoogleMap} from '@ionic-native/google-maps';
@NgModule({

  providers: [
    GoogleMaps,
    GoogleMap,]

addproject.html

<div class="map">
<div #map style="height: 100%;"></div>
</div>

addproject.ts

import { Componen } from '@angular/core';
import { IonicPage, NavController, NavParams,ViewController, Platform } from 'ionic-angular';
     import {
     GoogleMaps,
     GoogleMap,
     GoogleMapsEvent,
     GoogleMapOptions,
     CameraPosition,
     MarkerOptions,
     Marker
    } from '@ionic-native/google-maps';


        @IonicPage()
        @Component({
          selector: 'page-addproject',
          templateUrl: 'addproject.html',
        })
        export class AddprojectPage {
          @ViewChild('map')
          private mapElement:ElementRef;
          private map:GoogleMap;
          private location:LatLng;
      ionViewDidLoad() {
       this.loadMap();
   }
      map: GoogleMap;
      constructor(private googleMaps: GoogleMaps) { }
     loadMap() {

        let mapOptions: GoogleMapOptions = {
          camera: {
            target: {
              lat: 43.0741904,
              lng: -89.3809802
            },
            zoom: 18,
            tilt: 30
          }
        };

        this.map = this.googleMaps.create('map_canvas', mapOptions);

        // Wait the MAP_READY before using any methods.
        this.map.one(GoogleMapsEvent.MAP_READY)
          .then(() => {
            console.log('Map is ready!');

            // Now you can use all methods safely.
            this.map.addMarker({
                title: 'Ionic',
                icon: 'blue',
                animation: 'DROP',
                position: {
                  lat: 43.0741904,
                  lng: -89.3809802
                }
              })
              .then(marker => {
                marker.on(GoogleMapsEvent.MARKER_CLICK)
                  .subscribe(() => {
                    alert('clicked');
                  });
              });

          });
      }
    }

错误：无法解析GoogleMap的所有参数：（？，？） . at syntaxError（http：// localhost：8100 / build / vendor.js：78533：34）at CompileMetadataResolver._getDependenciesMetadata（http：// localhost：8100 / build / vendor.js：93614：35）at CompileMetadataResolver._getTypeMetadata（http） ：// localhost：8100 / build / vendor.js：93449：26）位于CompileMetadataResolver.getProviderMetadata的CompileMetadataResolver._getInjectableMetadata（http：// localhost：8100 / build / vendor.js：93429：21）（http：// localhost） ：8100 / build / vendor.js：93789：40）位于http：// localhost：8100 / build / vendor.js：93700：49 at Array.forEach（）at CompileMetadataResolver._getProvidersMetadata（http：// localhost：8100 / build / vendor.js：93660：19）在JitCompiler._loadModules（http：// localhost：8100 / build / vendor）的CompileMetadataResolver.getNgModuleMetadata（http：// localhost：8100 / build / vendor.js：93228：50） . JS：111609：87）