离子原生谷歌地图插件在getRootNav()之后不显示地图.push()

时间:2017-11-01 18:20:43

标签: google-maps ionic-framework resize ionic3

我正在使用Ionic 3并使用iPhone 7加上iOS 11.我使用了Ionic原生谷歌地图插件(http://ionicframework.com/docs/native/google-maps/)。我有两组选项卡(用户/管理员),我需要使用以下代码在它们之间切换:

  switch() {
    this.app.getRootNav().push(tabs2);
  }

如果我已经在Tabs1上加载了地图,然后移到Tabs2并返回到Tabs1并尝试再次加载地图,它就不会加载并只显示白屏。

我已经在其他帖子中看到了这方面的解决方案,建议大家调整一下"地图,以便使用以下代码加载它:

google.maps.event.trigger(this.map, 'resize');

据我所知,这不是离子原生插件(它是JS网络版)。我在使用本机插件实现相同功能时遇到了麻烦。或者其他任何解决方案都可以正常工作。

1 个答案:

答案 0 :(得分:1)

您需要在从Tabs2返回Tabs1之前分离地图。

// Detach
this.map.setDiv(null);

// Attach again
this.map.setDiv(div);

如果您创建一个演示项目,并在github上共享它,我会检查它。