Google map is not showing on ionic 4


#1

Google map is not showing on ionic 4
.ts

 @ViewChild('map') mapElement: ElementRef;
  map: any;
 
  constructor() {
 
  }
 
  ionViewDidLoad(){
    this.loadMap();
  }
 
  loadMap(){
 
    let latLng = new google.maps.LatLng(-34.9290, 138.6010);
 
    let mapOptions = {
      center: latLng,
      zoom: 15,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    }
 
    this.map = new google.maps.Map(this.mapElement.nativeElement, mapOptions);
 
  }

.html
<ion-content padding>

<div #map id=“map”></div>

</ion-content>
and I put the API key inside the index.html
please help me out
Thanks