zoukankan      html  css  js  c++  java
  • uni-app获取腾讯地图计算两经纬度的实际距离(可批量)

    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

    感谢

    万能的网络

    以及勤劳的自己

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

  • 相关阅读:
    公司真题-字节跳动
    全素组探求
    枚举
    求n个整数的最大公约数
    Ajax技术
    读文本文件
    JSTL标签库
    URL跟URi的区别
    常用的JSTL标签
    EL表达语言
  • 原文地址:https://www.cnblogs.com/guizimo/p/13547708.html
Copyright © 2011-2022 走看看