Ionic 3 - 如何在 android 中打开外部原生地图？

Question

我到处搜索，似乎任何人都有同样的问题。 我需要导航到外部本地地图（谷歌地图或苹果地图）。 为此，我使用带有以下代码的 InAppBrowser：

if(this.platform.is('ios')){
  const browser = this.iab.create('maps://?q=' + destination, '_system', 'location=yes');
}
else{
  const browser = this.iab.create('geo:0,0?q=' + destination, '_system');        
}

…而且它仅适用于 iOS。 使用 ionic-v1，我一直使用这种方式，并且它始终可以在两个平台上运行。

现在，在 android 上，当执行命令时，它有效地打开，但是当我尝试返回我的应用程序时，我看到一个带有“找不到/未定义”的白屏或类似以下的错误页面。

ErrorPage

在我看来，InAppBrowser 似乎尝试导航到地理，但 ionic 找不到。

奇怪的是，使用“tel”“mail”和其他命令它可以毫无问题地工作。

我无法真正理解问题出在哪里。

我已经尝试过 LaunchNavigator，结果和 InAppBrowser 一样。

我留下一些关于我正在使用的版本的信息。

cordova-plugin-inappbrowser 1.7.1 "InAppBrowser"
@ionic-native/in-app-browser@^3.14.0

cli packages:

  @ionic/cli-utils  : 1.9.2
  ionic (Ionic CLI) : 3.9.2

global packages:

  Cordova CLI : 6.5.0

local packages:

  @ionic/app-scripts : 1.3.12
  Cordova Platforms  : android 6.1.2 ios 4.3.1
  Ionic Framework    : ionic-angular 3.6.0

System:

  ios-deploy : 1.9.0
  ios-sim    : 5.0.11
  Node       : v6.10.3
  npm        : 3.10.10
  OS         : macOS Sierra
  Xcode      : Xcode 8.3.3 Build version 8E3004b

提前感谢您的帮助！

Answer 1

之所以有人遇到我的问题是因为我在html中犯了一个巨大的错误。

我在同一个按钮上使用两个不同的点击事件调用两个函数。一个我到现在都没有注意到的错误。

好消息是我解决了我的问题。

Answer 2

使用这个，https://ionicframework.com/docs/native/launch-navigator/

lunchNavigator(lati: any, lngti: any) {
        let options: LaunchNavigatorOptions = {
            // app: LaunchNavigator.APPS.USER_SELECT

        };

        this.launchNavigator.navigate([parseFloat(lati), parseFloat(lngti)], options)
        .then(
            success => console.log('Launched navigator'),
            error => console.log('Error launching navigator', error)
        );
    }