Native Google Maps not working inside a Modal

Ionic Native
8

Here is my working code for seting transparency when modal created/dismissed:

html

<ion-content [style.opacity]="isModal ? 0 : 1" padding>
      <button ion-button item-right >
        <ion-icon name="add" (click)="getLocation()"></ion-icon>
      </button>
</ion-content>

typescript

  getLocation() {
    this.isModal = true;
    let mapModal = this.modalCtrl.create(MapModalPage);
    mapModal.onDidDismiss((data) => {
      this.isModal = false;
      if(data) {
        this.location = data.location;
        this.locImage = data.image;
      }
    });
    mapModal.present();
  }
4 Likes