如何在模态中显示原生谷歌地图？

Question

我试图在我的Ionic 3应用程序中显示离子原生谷歌地图。我有一个标签项目。所以，我想以模态打开谷歌地图，并将一些数据返回到调用页面。但是，透明的窗户正在显示。我看到了另一个问题here并按照下面的解决方案给出了 app.scss ：

ion-app._gmaps_cdv_ .nav-decor{
  background-color: transparent !important;
}

但是，它并没有解决我的问题。仍然无法在模态中看到谷歌地图。

然后尝试关注另一个solution，但仍然无法在模式中显示谷歌地图。

在 home.ts ：

 openMap() {
    this.isModal = true;
    let mapModal = this.modalCtrl.create('MapFilterPage');
    mapModal.onDidDismiss((data) => {
      this.isModal = false;
    });
    mapModal.present();
  }

在 home.html ：

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

但是，当尝试使用下面的代码时，谷歌地图显示正常。

this.navCtrl.setRoot('MapFilterPage');

如何正确显示模态中的谷歌地图？