与您的位置计算器距离的 NaN 错误

Question

我需要一个工具来测量固定点和我的位置之间的距离。 我使用此代码计算距离并创建了从浏览器获取坐标的部分。 获取距离（）返回NaN。 怎么了？

 <p id="demo"></p> <script> var options = { enableHighAccuracy: true, timeout: 5000, maximumAge: 0 }; navigator.geolocation.getCurrentPosition(success, error, options); function success(pos) { var lat1 = pos.coords.latitude; var lon1 = pos.coords.longitude; var lat2 = 50; //Sample target latitude var lon2 = 20; //Sample target longitude } function error(err) { document.getElementById('demo').textContent = "Error."; } //haversine formula function getDistance(lat1, lon1, lat2, lon2) { var R = 6371; // Radius of the earth in km var dLat = deg2rad(lat2 - lat1); // deg2rad below var dLon = deg2rad(lon2 - lon1); var 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); var c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a)); var d = R * c; // Distance in km return d; } function deg2rad(deg) { return deg * (Math.PI / 180) } function final(getDistance, success, lat1, lon1, lat2, lon2, pos) { document.getElementById('demo').textContent = "Distance: " + getDistance(lat1, lon1, lat2, lon2, success); } final(getDistance); </script>

Answer 1

有多个问题：

• getCurrentPosition是异步的。 当您调用final时，尚未执行success 。
• 你的success function 声明了局部变量。 它们不能在它之外使用
• 您使用单个参数调用final ，而不是提供它lat1 ， lat2 ...

这是一个CodePen 演示（StackSnippets 不允许使用该位置） 。

和一个固定版本的代码：

var options = {
  enableHighAccuracy: true,
  timeout: 5000,
  maximumAge: 0
};
navigator.geolocation.getCurrentPosition(success, error, options);

function success(pos) {
  var lat1 = pos.coords.latitude;
  var lon1 = pos.coords.longitude;
  var lat2 = 50; //Sample target latitude
  var lon2 = 20; //Sample target longitude

  final(getDistance, lat1, lon1, lat2, lon2); // <-- call it from here
}

function error(err) {
  document.getElementById("demo").textContent = "Error.";
}

//haversine formula

function getDistance(lat1, lon1, lat2, lon2) {
  var R = 6371; // Radius of the earth in km
  var dLat = deg2rad(lat2 - lat1); // deg2rad below
  var dLon = deg2rad(lon2 - lon1);
  var 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);
  var c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a));
  var d = R * c; // Distance in km
  return d;
}

function deg2rad(deg) {
  return deg * (Math.PI / 180);
}

function final(getDistance, lat1, lon1, lat2, lon2) {
  document.getElementById("demo").textContent = "Distance: " + getDistance(lat1, lon1, lat2, lon2);
}