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)}

vue-app之H5打开第三方app相关推荐

  1. android 模拟点击第三方app,Android实现打开第三方app

    前言 在android开发过程中,我们有时会涉及到在本应用中打开第三方应用的需求,那么这里我封装了一个工具类--AppHelper,用于实现获取本设备中app安装列表及在本应用中打开第三方应用的功能, ...

  2. uni-app 实现打开第三方app

    uni-app 实现打开第三方app manifest.json -> plus -> distribute -> apple 节点下,添加 urlschemewhitelist.对 ...

  3. Android Webview打开第三方APP(高德地图 淘宝 QQ等等)

    现在很多APP不单靠Android原生开发来完成,今天我们就遇到一个情况,app嵌入H5界面也就是我们通常用的Webview来显示.当进行点击操作跳转到对应的APP.比如说点击网页的导航跳转到高德地图 ...

  4. WebView打开第三方APP

    最近做项目遇到一个需求,用应用内WebView打开淘宝和支付宝来进行授权,之前没做过,写下来记录一下 1.首先webview要实现setWebViewClient, shouldOverrideUrl ...

  5. Android打开第三方APP

    直接调appReRunning /*** 打开另一个app** @param context* @param packname*/public static int openOtherApp(Cont ...

  6. flutter webview浏览器及与js交互、打开第三方app

    添加pubspec.yaml依赖 url_launcher: ^5.4.1 webview_flutter: ^0.3.18+1 --------------main.dart import 'pac ...

  7. iOS和安卓如何打开第三方APP?

    自己平时喜欢在某些应用里签到领取奖励,但是之前总是忘记签到,为了解决掉自己这个问题,于是乎最近就做了一款集中签到应用管理的APP[天天爱签到](好记性不如烂笔头

  8. Android 打开高德地图、百度地图进行导航;打开第三方App去导航;

    抽成工具类了,复制下来就能直接用了,直接看代码吧: 高德地图Url Api: http://lbs.amap.com/api/amap-mobile/guide/android/navigation ...

  9. HbuilderX打包app,Hbuilder怎么打包app,H5打包成app,H5怎么打包成app

    1.下载HbuilderX之后新建项目 2.在这里选则你需要新建的项目类型,本人打包的是h5app,选的5+app 3.选择好项目本地存放的地址,编写项目名,之后点击创建 4.打开刚刚创建的那个项目, ...

  10. JS跟APP交互——H5调用原生APP的方法

    js向app传值问题 最近做的H5项目是需要嵌入到APP内使用的,这就涉及到js跟app交互的问题,我这边需要传值给app,以下是我在做项目过程中传值的方法,仅供参考. 解决方法 AppData这个J ...

最新文章

  1. Centos7 安装Mini后相关配置
  2. 一起感受不一样的项目沙盘
  3. python爬虫赚钱的经历-十年真ㆍPython大佬用爬虫赚钱的自述!看完学到了!
  4. 两阶段提交协议的异常处理
  5. SQL Server 索引使用和优化
  6. linux环境部署常用命令
  7. UVA - 489 ​​​​​​​Hangman Judge
  8. 羡慕的泪水!显卡对决!GPU A6000和RTX 3090 性能对比
  9. list copy中status列的状态的意义。
  10. 程序包OE_Order_PUB过程 Process_.Order 中出现错误ORA-20001
  11. 谁将拥有移动互联网的下一个机会?…
  12. 标记重复值删除重复值
  13. Android Json解析工具类
  14. 伯努利公式怎么推导的
  15. 一般将来时语法课教案_英语时态
  16. 51单片机c语言试题及答案,单片机C语言期末考试题..
  17. 关于图片不变形适应屏幕的解决方法(vue为例)
  18. UDA一致正则化和熵最小化
  19. Unity从零开始实现一个全息效果Shader
  20. CodeForces 632E Thief in a Shop(FFT)

热门文章

  1. python学期总结
  2. OpenGL制作简易地图(一)
  3. pythonqq机器人酷q_NoneBot+酷Q,打造QQ机器人
  4. u盘如何在计算机应用内存,u盘扩大内存,小编教你如何用U盘扩展内存
  5. 西门子SITOP电源维修6EP1336-3BA00冗余电源模块维修概述
  6. 【Go学习】GO语言异常处理机制panic和recover分析
  7. 循环群、对称群、陪集和拉格朗日定理、正规子群和商群
  8. 制作window11系统U盘启动盘
  9. CAD梦想画图中的“缩放命令”
  10. 10.5 欧拉通路与哈密顿通路