Не могу прочитать карты свойств неопределенных

Question

Привет, я изучаю ionic 3, я практикую добавление карт в приложение ionic, но я получаю ошибку

Не могу прочитать карты свойств неопределенных

---

export class LocationsPage {

  @ViewChild('map') mapref : ElementRef;
map : any;
  constructor(public navCtrl: NavController, public navParams: NavParams) {
  }

  ionViewDidLoad() {
    this.dispMap();
  }
 
  dispMap(){
  let coords = new google.maps.latlng('17.512511','78.352228');
  let mapoptions = { 
center : coords,
zoom : 14,
mapTypeId : google.maps.mapTypeId.ROADMAP
    };
    this.map = new google.maps.Map(this.mapref.nativeElement,mapoptions);
}

}

    #my-map{
    height: 100% !important;
}

<ion-content>

<div #map id="my-map"></div>

</ion-content>