归子莫的博客

「笔杆揭不起,绘不出青烟别春泥 ————归子莫」

uni-app获取腾讯地图计算两经纬度的实际距离(可批量)

博客说明

文章所涉及的资料来自互联网整理和个人总结,意在于个人学习和经验汇总,如有什么地方侵权,请联系本人删除,谢谢!

地址

https://lbs.qq.com/service/webService/webServiceGuide/webServiceDistance

image-20200822231350306

代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
getDistance() {
uni.request({
url: 'https://apis.map.qq.com/ws/distance/v1/matrix', //仅为示例,并非真实接口地址。
method: 'GET',
data: {
mode: 'walking',
from: '39.071510,117.190091',
to: '39.108951,117.279396',
key: '.....' //获取key
},
success: (res) => {
console.log(res);
let hw = res.data.result.rows[0].elements[0].distance; //拿到距离(米)
if (hw && hw !== -1) {
if (hw < 1000) {
hw = hw + 'm';
}
//转换成公里
else {
hw = (hw / 2 / 500).toFixed(2) + 'km'
}
} else {
hw = "距离太近或请刷新重试"
}
console.log(hw);
}
});
}

测试

image-20200822182949768

感谢

万能的网络

以及勤劳的自己

评论