guizimo

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

博客说明

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

地址

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

image-20200822231350306

代码

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

感谢

万能的网络

以及勤劳的自己

关注公众号: 归子莫,获取更多的资料,还有更长的学习计划

分类:

技术点:

相关文章:

  • 2021-12-14
  • 2021-10-17
  • 2021-12-07
  • 2021-11-27
猜你喜欢
  • 2021-11-27
  • 2021-12-20
  • 2021-10-23
  • 2021-11-27
  • 2022-01-07
  • 2021-10-17
相关资源
相似解决方案