Google地图在离子2中以模态显示

Question

我正在Ionic 2中开发应用程序，我想以模态显示映射。问题是我无法正常工作。相同的代码在普通页面上起作用，但在模态上不起作用。我尝试使用Google Maps API甚至本机cordova插件的Web版本，但结果是相同的，在页面上的模态，工作地图中的空白地图。有什么建议如何解决？

Answer 1

您应该将页面下方设置为透明。

这是我用于调用Modal的工作代码

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