vue-app之H5打开第三方app

vue-app之H5打开第三方app——打开第三方地图导航APP,并检测是否有安装,有安装该地图则跳转到该地图进行导航,如果没有则提示没有安装。

运行步骤:
1.点击导航选择应的地图

在这里插入图片描述
2.选择对应的地图,判断本机是否存在该应用,有该应用则跳转导航,没有则提示本机没有该软件

plus.runtime.isApplicationExist ——判断第三方程序是否已存在

onSelect(item, index) {
            // console.log(index)
            this.navgatorshow = false;
            if (!window.plus) return;
            if(index){
                if(plus.runtime.isApplicationExist({pname:'com.autonavi.minimap'})){//判断本机是否存在该应用
                    this.Gaode()
                }else{
                    this.$toast('请安装地图后再使用')
                }
            }else{
                if(plus.runtime.isApplicationExist({pname:'com.baidu.BaiduMap'})){
                    this.Baidu()
                }else{
                    this.$toast('请安装地图后再使用')
                }
            }
        },

在这里插入图片描述
3.选择好对应的地图则传相对应的参数,进行导航了
高德传参

  Gaode(){
            let dlat = this.navigatorItem.lat;//终点的纬度
            let dlon = this.navigatorItem.lng;//终点的经度
            let dname = this.navigatorItem.fireUnitName;//终点的名称
            let  url = `amapuri://route/plan/?sid=BGVIS1&slat=&slon=&sname=&did=BGVIS2&dlat=${dlat}&dlon=${dlon}&dname=${dname}&dev=1&t=0`;
            plus.runtime.openURL(url)
        },

百度地图传参

 Baidu(){
            let dlat = this.navigatorItem.lat;//终点的纬度
            let dlon = this.navigatorItem.lng;//终点的经度
            let dname = this.navigatorItem.fireUnitName;//终点的名称
            let url = `bdapp://map/direction?origin=&destination=name:${dname}|latlng:${dlat},${dlon}&coord_type=wgs84&mode=driving&src=andr.baidu.openAPIdemo`
            plus.runtime.openURL(url)
        }

在这里插入图片描述

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值