Ionic-3 Can't resolve all parameters for GoogleMap: (?, ?). at syntaxError

I’m used IONIC-3 and Try to add Google MAP API for My university project I’m Already follow your instruction , but I have following error My error

Can’t resolve all parameters for GoogleMap: (?, ?). at syntaxError This is my code app.module.ts

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

  providers: [
    GoogleMaps,
    GoogleMap,]

addproject.html

<div class="map">
<div id="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');
                  });
              });

          });
      }
    }

how to fix that issue Thanks

[wf9a5m75]

https://docs.google.com/presentation/d/1zlkmoSY4AzDJc_P4IqWLnzct41IqHyzGkLeyhlAxMDE/edit#slide=id.p

[battika]

Please check out the sample project written for Ionic 2/3: https://github.com/mapsplugin/ionic-googlemaps-quickdemo

In nutshell, you don’t even need to import GoogleMap…