混合app跳转百度地图或高德地图

1.首先判断是安卓还是IOS

2.判断手机中百度地图和高德地图是否已经安装

3.已安装,则调用相应的地址

var u = navigator.userAgent
var scheme = ''
// IOS地图跳转
if (!!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)) {
  if(plus.runtime.isApplicationExist({pname:'com.autonavi.minimap',action:'iosamap://'})){    // 判断高德地图 是否安装
    scheme = `iosamap://navi?sourceApplication=amap&lat=${i.lat}&lon=${i.lon}&dev=1&style=2`
    } else if(plus.runtime.isApplicationExist({pname:'com.baidu.BaiduMap',action:'baidumap://'})){
      scheme = `baidumap://map/direction?&destination=${i.lat},${i.lon}&coord_type=bd09ll&mode=driving&src=ios.baidu.openAPIdemo`
      // console.log(scheme, 'scheme')
    }else {
      this.$message.error('请安装高德地图或百度地图')
    }
}

// 安卓手机地图跳转
if (u.indexOf('Android') > -1) {
  if(plus.runtime.isApplicationExist({pname:'com.autonavi.minimap',action:'iosamap://'})){ // 判断高德地图 是否安装
    scheme = `androidamap://navi?sourceApplication=amap&lat=${i.lat}&lon=${i.lon}&dev=1&style=2`
  } else if(plus.runtime.isApplicationExist({pname:'com.baidu.BaiduMap',action:'baidumap://'})){ // 判断百度地图是否安装
    scheme = `bdapp://map/direction?destination=${i.lat},${i.lon}&coord_type=bd09ll&mode=driving&src=andr.baidu.openAPIdemo`
  } else {
    // scheme = `https://apis.map.qq.com/uri/v1/routeplan?type=drive&to=${i.enterprisename}}&tocoord=${i.lat},${i.lon}&policy=1&referer=plus.com.netintech.szlsjprod`
    this.$message.error('请安装高德地图或百度地图')
  }
}
window.location.href = scheme

参考地址:

百度URI API | 百度地图API SDK

高德:导航-iOS-开发指南-高德地图手机版 | 高德地图API

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值