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上，当执行该命令时，它会有效地打开，但当我尝试返回我的应用程序时，我看到一个白色屏幕，上面写着“无法找到/undefined”或一个错误页面，如下图所示。

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

用这个，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)
        );
    }

Answer 2

每个人都有我的问题的原因是因为我在html中犯了一个巨大的错误。

我在同一个按钮上使用两个不同的单击事件调用两个函数。一个我直到现在才注意到的错误。

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