Google map is not showing on ionic 4

Ionic Framework ionic-v3
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

2

follow all this steps

3

This is not an answer, more trouble with IOS. :frowning:

4

can you provide any console error or something else?

and have you apply fix height CSS to

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

#map{
height: 300px;
}

because it is neccessary to apply to div