离子图未定义，我找不到错误

Question

无法读取属性“未定义的地图” 我遇到了这个问题，我对如何做一无所知

我在主索引中有api密钥，在我工作之前的位置以及他们发送给我的位置。

并且该页面已经被很好地调用并导入到app.component中，错误仅在此处发生，我找不到它

import { Component, ViewChild, ElementRef } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';

declare var google:any;

@IonicPage()
@Component({
    selector: 'page-maps',
    templateUrl: 'maps.html',
})
export class MapsPage {

    @ViewChild('map') mapRef:ElementRef;

    constructor(public navCtrl: NavController, public navParams: NavParams) {
    }

    ionViewDidLoad() {
        this.showMap();
    }

    showMap(){
        const location = new google.maps.LatLng(18.515974795838886,-69.83306887948176);

        //mapOptions
        const options={
            center: location,
            zoom:10,
            mapTypeid:'terrain'
        };

        const map= new google.map.Map(this.mapRef.nativeElement,options);

        setTimeout(() => map.setMapTypeId('satellite'),3000);
        this.addMarker(location, map);
    }

    addMarker(position, map){
        return new google.maps.Marker({
                position,
                map
            });
    }

}