微信小程序两点之间的距离计算

最近一直在上课,整理了一些零星的碎知识,水了几篇文章(虽然一直都挺水,哈哈哈),那么,既然如此,今天就继续水,come on

雷霆嘎巴

js页面

    //当前定位位置
    latitude: null,
    longitude: null,
    // 目的地坐标
    latitude2: 5145,
    longitude2: 234,

一个是当前位置的纬度坐标,设置成null会自动获取,第二个是目的地的经纬度。

还是js页面

onLoad: function (options) {
   
    //获取当前位置
    wx.getLocation({
      type:'gcj02',
      success:(res) => {
        console.log("当前位置:",res)
        const distance_new = this.getDistance(res.latitude,res.longitude,this.data.latitude2,this.data.longitude2);
        console.log(distance_new);

        let distances = this.data.productAll.map((item)=>{
          for(let i = 0;i<item.length;i++){
            console.log(i);
            item[i].distance = distance_new;
            console.log(item[i].distance);
          }
          return item;
        })
        this.setData({
          productAll: distances
        })
      }
    })

  },
  // 计算距离函数
  Rad(d) { 
    //根据经纬度判断距离
    return d * Math.PI / 180.0;
  },
  getDistance(lat1, lng1, lat2, lng2) {
      // lat1用户的纬度
      // lng1用户的经度
      // lat2商家的纬度
      // lng2商家的经度
      var radLat1 = this.Rad(lat1);
      var radLat2 = this.Rad(lat2);
      var a = radLat1 - radLat2;
      var b = this.Rad(lng1) - this.Rad(lng2);
      var s = 2 * Math.asin(Math.sqrt(Math.pow(Math.sin(a / 2), 2) + Math.cos(radLat1) * Math.cos(radLat2) * Math.pow(Math.sin(b / 2), 2)));
      s = s * 6378.137;
      s = Math.round(s * 10000) / 10000;
      s = s.toFixed(1) + 'km' //保留两位小数
      console.log('经纬度计算的距离:' + s)
      return s
  },

计算两点之间的代码,到时候直接拿来用。

在这里插入图片描述
data中设置"distance":null,

app.json中

"permission":{
  "scope.userLocation":{
    "desc":"你的位置将用于计算您到商户的距离"
  }
},

就这些,放一张效果图
在这里插入图片描述

  • 4
    点赞
  • 15
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

乘风破浪PL

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值