Google map not displaying in Ionic


#1

Hi,

I’m looking at the example on this page: https://ionicframework.com/docs/native/google-maps/#usage

And I’m not able to display google map. I was wondering if I’m missing something that is not mentioned on that page?

    this.mapElement = document.getElementById('map');
    
    let mapOptions: GoogleMapOptions = {
      camera: {
        target: {
          lat: location.lat,
          lng: location.lng
        },
        zoom: 18,
        tilt: 30
      }
    };

    this.googleMap = this.googleMaps.create(this.mapElement, mapOptions);

    // console.log(JSON.stringify(this.googleMap));

    this.googleMap.one(GoogleMapsEvent.MAP_READY).then(() => {
      console.log('map is ready');      // it gets here but map doesn't show up
      ...
    });

edit: nevermind it works now


#2

did u change anything?