如何在Ionic3中调起第三方地图APP（百度，高德，腾讯）

家威Geek

于 2019-12-10 17:06:28 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： Ionic+Angular 文章标签：地图APP Ionic导航

本文链接：https://blog.youkuaiyun.com/liujiawei00/article/details/103478860

大家有没有碰到需要在Ionic里面打开第三方地图软件，来使用导航或者其他使用其他的地图功能呢？

通过使用uri scheme的方式调起第三方应用是现在web调原生应用采用的主要方法（第三方应用须支持URI Scheme），至于具体的Scheme如何使用，需要到第三方应用的文档查看，每一家都不相同。

我们可以使用Cordova原生插件AppAvailability来通过URI Scheme检查应用是否已经在用户的手机上安装：

ionic cordova plugin add cordova-plugin-appavailability
npm install --save @ionic-native/app-availability


import {Injectable} from '@angular/core';
import {Device} from '@ionic-native/device';
import {AppAvailability} from '@ionic-native/app-availability';
@Injectable()
export class CheckMapApp {
  PHONEMAPAPP: Array<{ "text": string, "type": string }>=[];
  currentPlatform: string;

  constructor(public device:Device,public appAvailability:AppAvailability){
    this.currentPlatform = device.platform;
    this.checkApp("baidumap://", "com.baidu.Ba