移动端h5页面通过地址调起高德地图、百度地图定位导航 - 简书
项目中很多时候都会根据当前位置到结束位置跳导航，然后总结了下，可以复制看看
高德
<a href="https://uri.amap.com/marker?position=经度,纬度&name=所在的位置名称">高德地图</a>
<a href="http://uri.amap.com/navigation?from=114.02597366,22.54605355&to=114.029243,22.609562&mode=car&src=nyx_super;">高德地图</a>
<a href="http://uri.amap.com/navigation?from=开始位置经度,开始位置纬度&to=结束位置经度,结束位置纬度&mode=car&src=nyx_super;">高德地图</a>
如：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
a{
font-size: 50px;
color:red;
}
</style>
</head>
<body>
<a href="http://uri.amap.com/navigation?from=114.02597366,22.54605355&to=114.029243,22.609562&mode=car&src=nyx_super;">高德地图</a>
</body>
</html>
百度
<a href="http://api.map.baidu.com/marker?location=纬度,经度&title=所在位置名称&content=所在位置的简介（可选）&output=html">百度地图</a>
<a href="http://api.map.baidu.com/direction?origin=起点纬度,起点经度&destination=终点纬度,终点经度&mode=driving®ion=深圳&output=html">百度地图</a>
如：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
a{
font-size: 50px;
color:red;
}
</style>
</head>
<body>
<a href="http://api.map.baidu.com/direction?origin=22.54605355,114.02597366&destination=22.609562,114.029243&mode=driving®ion=深圳&output=html">百度地图</a>
</body>
</html>
说明：高德地图和百度地图的经纬度传值是相反着的