Question

我正在使用离线2的地图javascript API，一切都运行良好我第一次进入地图所在的表格，但如果我回去然后返回到地图所在的同一表格，地图不要＆＃ 39; t出现，只显示[]全屏和谷歌单词的图标，我不知道为什么？
当我打开完整的地图时，它正常显示。奇怪的东西。

 export class MapPage {

  @ViewChild('mapCanvas') mapElement: ElementRef;
  constructor(public navCtrl: NavController, public platform: Platform) {
    platform.ready().then(() => {
      this.loadMap();
    });
  }


  public loadMap() {
    let mapEle = this.mapElement.nativeElement;
    let currentLocation = { lat: 34.5419832, lng: 36.0633188 };
    let map = new google.maps.Map(mapEle, {
      center: currentLocation,
      zoom: 16
    });
  }
}

HTML：

<ion-content padding>
<div style="height: 50%; width: 100%" #mapCanvas id="map_canvas"></div>
</ion-content>

Answer 1

我通过添加此代码来解决它：

setTimeout(() =>{
        google.maps.event.trigger(map, 'resize')
      }, 600);

在加载函数中声明地图后。

使用ionic2映射javascript api效果不佳

1 个答案: