谷歌地圖顯示模式在離子2

Question

我正在開發應用程序在離子2，我想顯示地圖模態。問題是我無法讓它工作。相同的代碼適用於普通頁面，但不適用於模式。我嘗試使用谷歌地圖API的網頁版本，甚至是原生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(); 
}