Googleマップは、イオン2でモーダルで表示されます

Question

私はイオン2でアプリケーションを開発しています。私はモーダルで地図を表示したいと思います。問題は私がそれを働かせることができないことです。同じコードは通常のページでは動作しますが、モーダルでは動作しません。私はGoogleマップのAPIのWebバージョンとネイティブのcordovaプラグインを使ってみましたが、結果はページ上のマップを動作させるモーダルで同じ空白のマップです。どのようにこれを解決するためのアドバイス？

Answer 1

set the underneath page to transparentです。ここで

あるモーダルマップを呼び出すための私の作業コード

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> 

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(); 
}