1.需先有腾讯地图秘钥(获取的过程忽略)
代码如下(示例):
<script>
import QQMapWX from '@/common/js/qqmap-wx-jssdk.min.js';
export default {
data () {
return {
distance: '0',
}
},
onLoad() {
this.handleCalculateDistance()
},
methods: {
// 计算驾校地址距离用户的距离
handleCalculateDistance() {
const _this = this
let qqmapsdk = new QQMapWX({key: 'AAAA-AAAA-AAAA-AAAA-AAAA-AAAA'})
qqmapsdk.calculateDistance({
// mode: 'driving', // 可选值:'driving'(驾车)、'walking'(步行), 不填默认:'walking', 可不填
// from参数不填默认当前地址 to终点坐标
to: [{
latitude: 24.57591,
longitude: 112.91192
}],
success: function(res) {
let disData = res.result;
let dis = [];
for (let i = 0; i < disData.elements.length; i++) {
dis.push(disData.elements[i].distance); // 将返回数据存入dis数组,
}
let numDistance = Number(dis.toString());
if (numDistance < 1000) {
_this.distance = numDistance + 'm';
} else {
_this.distance = (Math.round(numDistance / 100) / 10).toFixed(1) + 'km';
}
},
fail: function(error) {
uni.showToast({
title: '距离获取失败',
icon: 'none'
})
}
})
}
}
}
</script>