Google maps 爱奥尼亚2与谷歌地图

我正在使用离子2（beta11）和谷歌地图。我有一个工作正常的页面，它按预期显示地图

要访问此页面，我单击一个项目，然后通过

this.nav.push（MapPage，{

）加载页面。您可以看到地图加载：

但是，当我上升到另一个级别，并执行

this.nav.push（MapPage，{

再次显示（显示相同的页面）时，将显示该页面，但地图如下所示：

因此，它已从一个页面导航到同一页面，但第二次地图不可见

这是我的密码：

html

  <ion-card id="map" class="job-map"></ion-card>

---

如果有人能提供任何建议，我将不胜感激。

问题是因为堆栈上有两个页面具有相同的元素id“map”。如果我给每个页面一个唯一的id，它就会工作。

是因为堆栈上有两个页面，并且两个页面都具有相同的元素id“map”，它只适用于第一个？我也有同样的问题，那么您是如何为

页面分配唯一id的呢？#ionic2如果可能，请在您的答案中发布更新（答案）。
  load(bounds: google.maps.LatLngBounds): void {
    let mapOptions = {
      center: bounds.getCenter(),
      zoom: 15,
      maxZoom: 15,
      minZoom: 1,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };

    var htmlElement: HTMLElement = document.getElementById("map");
    this.map = new google.maps.Map(htmlElement, mapOptions);
    this.map.fitBounds(bounds);
    this.ref.markForCheck();
    this.mapLoading = false;
  }