Vue 根据经纬度计算两点直接的距离(OA考勤打卡)

我司需求需要根据用户的实时地理位置来实现OA范围打卡功能,这就需要计算两个经纬度直接的距离

这个工具函数复制即可 开箱即用 亲测有效

// 根据经纬度计算距离,参数分别为第一点的纬度,经度;第二点的纬度,经度

function getDistance(lat1: number, lng1: number, lat2: number, lng2: number) {

  const radLat1 = (lat1 * Math.PI) / 180.0;

  const radLat2 = (lat2 * Math.PI) / 180.0;

  const a = radLat1 - radLat2;

  const b = (lng1 * Math.PI) / 180.0 - (lng2 * Math.PI) / 180.0;

  let 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; // EARTH_RADIUS;

  s = Math.round(s * 10000) / 10000;

  return s;

}

可以使用 Haversine 公式来计算两个经纬度坐标之间的距离。Haversine 公式基于球面三角形的一些性质,可以近似计算地球上两点之间的直线距离。 以下是使用 Haversine 公式计算两个经纬度坐标之间距离Vue 代码示例: ```javascript // 计算两个经纬度之间的距离 function getDistance(lat1, lon1, lat2, lon2) { const R = 6371; // 地球半径,单位为公里 const dLat = deg2rad(lat2 - lat1); const dLon = deg2rad(lon2 - lon1); const a = Math.sin(dLat / 2) * Math.sin(dLat / 2) + Math.cos(deg2rad(lat1)) * Math.cos(deg2rad(lat2)) * Math.sin(dLon / 2) * Math.sin(dLon / 2); const c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a)); const d = R * c; // 距离,单位为公里 return d; } // 将角度转换为弧度 function deg2rad(deg) { return deg * (Math.PI / 180); } // 示例:计算北京和上海之间的距离 const distance = getDistance(39.9042, 116.4074, 31.2304, 121.4737); console.log(distance); // 输出结果:1068.3100608591576 ``` 在上面的代码中,`getDistance` 函数接受四个参数:`lat1`、`lon1`、`lat2` 和 `lon2`,分别代表两个经纬度坐标的纬度经度。该函数先将两个经纬度坐标转换为弧度,然后根据 Haversine 公式计算两点之间的距离。最后,函数返回距离,单位为公里。 可以将上面的代码用于 Vue 项目中,例如在组件的方法中调用 `getDistance` 函数来计算两个经纬度坐标之间的距离
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值