如何在 JavaScript 中找到我到已知位置的距离

IT技术 javascript geolocation gps distance latitude-longitude
2021-03-05 04:01:18

在浏览器中使用 JavaScript,如何确定从我的当前位置到我有纬度和经度的另一个位置的距离?

1个回答

如果您的代码在浏览器中运行,您可以使用 HTML5 地理定位 API:

window.navigator.geolocation.getCurrentPosition(function(pos) { 
  console.log(pos); 
  var lat = pos.coords.latitude;
  var lon = pos.coords.longitude;
})

一旦您知道当前位置和“目标”的位置,您就可以按照这个问题中记录的方式计算它们之间的距离:计算两个经纬度点之间的距离?(Haversine 公式)

所以完整的脚本变成了:

function distance(lon1, lat1, lon2, lat2) {
  var R = 6371; // Radius of the earth in km
  var dLat = (lat2-lat1).toRad();  // Javascript functions in radians
  var dLon = (lon2-lon1).toRad(); 
  var a = Math.sin(dLat/2) * Math.sin(dLat/2) +
          Math.cos(lat1.toRad()) * Math.cos(lat2.toRad()) * 
          Math.sin(dLon/2) * Math.sin(dLon/2); 
  var c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1-a)); 
  var d = R * c; // Distance in km
  return d;
}

/** Converts numeric degrees to radians */
if (typeof(Number.prototype.toRad) === "undefined") {
  Number.prototype.toRad = function() {
    return this * Math.PI / 180;
  }
}

window.navigator.geolocation.getCurrentPosition(function(pos) {
  console.log(pos); 
  console.log(
    distance(pos.coords.longitude, pos.coords.latitude, 42.37, 71.03)
  ); 
});

显然,我现在距离马萨诸塞州波士顿市中心 6643 米(这是硬编码的第二个位置)。

有关更多信息,请参阅这些链接:

@FrankvanPuffelen 当经度或纬度的值为负时,结果似乎不准确。
2021-04-17 04:01:18
我建议您更改参数的顺序,以便纬度在经度之前出现,因为通常地理点以格式 (lat, lon) 显示。
2021-04-20 04:01:18
非常感谢。我还有一个疑问。你能帮我找到一个给定地点的纬度和经度吗?
2021-04-21 04:01:18
嗨@Frank,非常感谢这个脚本——这是否经过良好测试?
2021-04-26 04:01:18
我试图找到从我当前位置到特定地址的距离。反正我找到了。谢谢你的回复。
2021-05-05 04:01:18