google-maps - ionic 2 打开谷歌地图，包含 2 个位置的方向

Question

当我单击按钮并显示从源位置和目的地位置出发的路线时，我需要打开谷歌地图。通过大量搜索，我找到了一种使用 InAppBrowser 的方法，但它不起作用。

这是我找到的代码:

  this.geolocation.getCurrentPosition().then((data) => {
      let lat = data.coords.latitude;
      let lng = data.coords.longitude;
      let bro = new InAppBrowser;

      if (this.platform.is('ios')) {
        bro.create('geo://?q=&saddr=' + data.coords.latitude + ',' + data.coords.longitude + '&daddr=' + this.dataitem['lat'] + ',' + this.dataitem['lng'], '_system');
      };
      if (this.platform.is('android')) {
        bro.create('geo://?q=' + data.coords.latitude + ',' + data.coords.longitude + '&daddr=' + this.dataitem['lat'] + ',' + this.dataitem['lng'] + '', '_system');
      };
  }).catch((err) => {
      console.log(JSON.stringify(err));
  });

有人可以帮忙吗？

Answer 1

安装 Launch Navigator 插件:

1. 安装 Cordova 和 Ionic Native 插件:

ionic cordova plugin add uk.co.workingedge.phonegap.plugin.launchnavigator

npm install --save @ionic-native/launch-navigator

将 LaunchNavigator 添加到 app.module.ts

将此代码添加到您的 ts 文件中:

source: any = [22.303894, 70.802160] // source lat,long
destination: any =  [23.022505, 72.571362] // dest lat,long

navigate(){

let options: LaunchNavigatorOptions = {
   start: this.source
};

 this.launchnavigator.navigate(this.destination, options)
   .then(
    success => alert('Launched navigator'),
    error => alert('Error launching navigator: ' + error)
 );
}

完成!