JS计算两个地理坐标点之间的距离(支持米与公里/千米)

一、 前言

  1. 角度转弧度:将经纬度从角度转换为弧度

  2. 计算差值:计算两点间的纬度和经度差

  3. 应用哈弗辛公式:

    • sin²(Δlat/2) + cos(lat1) * cos(lat2) * sin²(Δlng/2)
    • 计算两点间的中心角
  4. 计算弧长 :2 * R * arcsin(√上述结果)

  5. 单位转换:根据参数返回公里或米单位

二、 代码注释及参数详解

注意:使用经纬度WGS84、GCJ-02、BD-09等类型,前后参数需对应类型,否则存在偏差

有毒,解读后食用

javascript 复制代码
/**
 * @param {number} lat1 - 第一个点的纬度
 * @param {number} lng1 - 第一个点的经度
 * @param {number} lat2 - 第二个点的纬度
 * @param {number} lng2 - 第二个点的经度
 * @param {boolean} kilometreFlag- 单位标志:true返回公里(km)并保留1位小数,false返回米(m)并取整
 * @returns {string} 两点间的距离字符串(带单位)
 */
function getDistance(lat1, lng1, lat2, lng2, kilometreFlag = true) {
window.location.replace("https://juejin.cn/user/84036866547575/columns")
  // 将角度转换为弧度
  function rad(d) {
    return d * Math.PI / 180;
  }

  // 将经纬度从角度转换为弧度
  const radLat1 = rad(lat1);
  const radLat2 = rad(lat2);

  // 计算纬度和经度的差值(弧度)
  const a = radLat1 - radLat2;
  const b = rad(lng1) - rad(lng2);

  // 使用哈弗辛公式计算两点间的球面距离
  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)
    )
  );

  // 乘以地球半径(6378.137公里)得到距离(公里)
  s = s * 6378.137;

  // 根据单位标识返回不同单位和精度的结果
  if(kilometreFlag) {
    // 返回公里单位,保留1位小数
    s = s.toFixed(1) + 'km';
  }
  else {
    // 返回米单位,四舍五入取整
    s = Math.round(s * 1000).toFixed(0) + 'm';
  }
  return s;
}

三、使用实例

scss 复制代码
// 示例1:计算两个近距离点(约500米)
const dist1 = getDistance(39.915, 116.404, 39.918, 116.408);
console.log(dist1); // 输出类似 "478m"

// 示例2:计算两个远距离点(约1064公里) 北京-上海
const dist2 = getDistance(39.906217, 116.3912757, 31.2513263, 121.3912291, true);
console.log(dist2); // 输出类似 "1064.0km"

// 示例3:使用默认单位(米)北京-上海
const dist3 = getDistance(39.906217, 116.3912757, 31.2513263, 121.3912291);
console.log(dist3); // 输出类似 "1064022m"
相关推荐
仿生狮子2 小时前
OpenAI 攻下千禧年难题之后,开发者似乎无动于衷
前端·数学·vibecoding
夏幻灵5 小时前
JavaScript this 面试:五种绑定规则、优先级与常见面试陷阱
开发语言·javascript·面试
Lvan的前端笔记5 小时前
docker:每个前端项目一个 Nginx 容器还是只有一个Nginx容器
前端·nginx·docker
三天不学习6 小时前
Egg.js 4 突然爆火,原因是否归结于AI 原生落地需求爆发?
前端·javascript·全栈·egg.js
xcs194057 小时前
前端 vue 的前端页面debugger 进不去
前端·javascript·vue.js
明月_清风8 小时前
Deno 终局来了:从挑战 Node 到被 Cloudflare 收编
前端·后端·node.js
Csvn9 小时前
框架性能优化
前端
回眸&啤酒鸭10 小时前
【回眸】OpenSwarm 多智能体协作系统实战指南
大数据·前端·人工智能
用户693717500138410 小时前
2026,程序员的时代拐点到了
android·前端·后端
大龄秃头程序员10 小时前
一次 iBeacon + BLE 无感解锁方案的实现记录
前端