HTML5 地理定位怎么计算两个坐标之间的实际距离-H5教程-PHP中文网

html5地理定位仅获取经纬度，计算两点距离需用haversine公式；因地球是球体，直接套用勾股定理误差大，haversine兼顾精度与效率，javascript实现可直接调用，结合geolocation api可实现如附近商家距离计算。

html5 地理定位怎么计算两个坐标之间的实际距离

HTML5 地理定位本身不直接计算两点距离，它只负责获取用户当前经纬度（latitude、longitude）。真正计算两个地理坐标间实际距离，需要用球面距离公式——最常用的是Haversine 公式，因为它能准确反映地球曲率，适用于大多数精度要求不极端的场景（如附近商家、运动轨迹、步行导航等）。

为什么不能用平面勾股定理？

地球是近似球体，经纬度是球面坐标。两点在地图上看似直线，实际是地球表面的一段弧线。纬度每度约111公里，但经度每度长度随纬度升高而减小（赤道最长，两极为0）。直接套用二维距离公式误差极大，尤其跨纬度大或高纬度区域。

所以必须用球面三角模型，Haversine 是兼顾精度与计算效率的成熟方案。

核心：Haversine 公式实现（JavaScript）

以下是标准、可直接运行的计算函数：

Markdown to HTML

{"answer":"将 Markdown 转换为内嵌 CSS、样式精美的独立 HTML。完美适用于新闻简报、文档、报告及邮件模板。"}

下载

function getDistance(lat1, lon1, lat2, lon2) {
  const R = 6371; // 地球平均半径，单位：公里
  const toRad = x => x * Math.PI / 180;
  const φ1 = toRad(lat1);
  const φ2 = toRad(lat2);
  const Δφ = toRad(lat2 - lat1);
  const Δλ = toRad(lon2 - lon1);

  const a = Math.sin(Δφ/2) * Math.sin(Δφ/2) +
      Math.cos(φ1) * Math.cos(φ2) *
      Math.sin(Δλ/2) * Math.sin(Δλ/2);
  const c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1-a));
  return R * c; // 单位：公里
}

用法示例：
getDistance(39.9042, 116.4074, 31.2304, 121.4737) → 北京到上海，结果约 1067 公里。