Google地图未在其他地图后加载

Question

我正在使用Ionic2。

您的系统信息：

Cordova CLI: 6.4.0
Ionic Framework Version: 2.0.0-beta.11
Ionic CLI Version: 2.1.0
Ionic App Lib Version: 2.0.0-beta.20
OS:
Node Version: v6.2.2

我有两个页面，每个页面都加载谷歌地图。当我加载它们时它们完美地工作。但是，如果我访问一个页面，它加载正常，但当我访问另一个直接加载谷歌地图的页面时，地图不会呈现。如果我访问没有地图的另一个页面，然后访问地图页面，它再次完美地运行。

就像先前的页面地图阻止加载当前页面地图一样。

第1页

HTML

<div class="map_location" id="map"></div>

TS

let htmlElement: HTMLElement = document.getElementById("map");
this.map = new google.maps.Map(htmlElement, mapOptions);

第2页

HTML

<div class="map_range" id="map"></div>

TS

let htmlElement: HTMLElement = document.getElementById("map");
this.map = new google.maps.Map(htmlElement, mapOptions);

如果我将id更改为"map"以外的任何内容，则不会呈现。

如果有人可以提供帮助，我将不胜感激。