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

Question

我需要一个工具来测量固定点和我所在位置之间的距离。我使用 this 代码来计算距离并创建了从浏览器获取坐标的部分。获取距离 () returns 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 函数声明了局部变量。它们不能在它之外使用
您使用单个参数调用 final，而不是提供它 lat1、lat2...

这是一个 CodePen demo （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);
}

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

NaN error in distance from your location calculator

html

javascript

distance

nan

coordinates