uniapp H5 调用高德地图导航

uniapp H5 调用高德地图导航

链接: 高德地图路线规划,点击前往

  • 如果你需要获取自己的经纬度位置的话可以用如下(不是所有浏览器都兼容)
var geolocation = new AMap.Geolocation();
	geolocation.getCurrentPosition(function(status, result) {
		console.log(result.position,'result');
	})
  • 开始是使用window.location.href来打开唤醒链接,后来发现有些浏览器不兼容,不能用
  • 这里的form和to是起点参数是 经度,纬度,名字
window.location.href=`//uri.amap.com/navigation?from=118.115948,24.470662,我的位置&to=118.092515,24.436698终点&mode=car&policy=1&src=com.mzwu.www&callnative=1`
  • 后面换了一种打开的方式
window.open(`//uri.amap.com/navigation?from=118.115948,24.470662,我的位置&to=118.092515,24.436698终点&mode=car&policy=1&src=com.mzwu.www&callnative=1`)

就可以打开了,如果没安装高德点击立即导航的时候会让你下载高德地

上图

在这里插入图片描述
在这里插入图片描述

  • 1
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值