谷歌地图在 Ionic 2 中以模态显示

Question

我正在 Ionic 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();
}