如何在谷歌地图中获得lat和lng的总距离

时间:2012-06-03 21:11:49

标签: javascript google-maps

我每隔5-7秒将gps信号保存到数据库。当我“总结”数据库中的所有lat和lng值时,我怎么能看到到目前为止我走了多远。我怎么能每天看到这个重新开始?

例如。当我在现场预览中跟踪汽车时,我希望有一段距离作为当天的实时数据。当我为某辆卡车寻找一个月公里的例子时?

我正在查看THIS链接,但我不知道如何动态填充数据,因为数据已存在于数组中。

如果你已经实现了相同的东西,你能给我一些想法和例子。

如果已制作轮子,为什么要制造轮子:)

谢谢

2 个答案:

答案 0 :(得分:2)

一些三角学会让你到那里。

我希望Lat / Lng像2D表面上的X / Y坐标一样简单。不幸的是,由于我们生活在一个称为地球的(非常奇妙的)球体上,纬度和经度是指参考地球中心(纬度)的三角形角度或我们在地球上绘制的虚线(经度)。 History stuff is neat,但这不是重点。

我已经使用Haversine forumla来计算球体上的距离,如果您愿意,可以read more about

为了简单起见,我只是在这里发布代码。我用Javascript编写,这就是你得到的:)给定两个lat / lng点A和B,然后:

// units can be english (miles) or metric (km)
var units = "english";
function calculate_distance(a, b) {
  var R = (units == "english") ? 3958.7558 : 6371; 

  var dLat = (a.lat - b.lat) * Math.PI / 180;
  var dLon = (a.lng - b.lng) * Math.PI / 180;
  var a = Math.sin(dLat / 2) * Math.sin(dLat / 2) +
          Math.cos(a.lat * Math.PI / 180) * Math.cos(b.lat * Math.PI / 180) * 
          Math.sin(dLon / 2) * Math.sin(dLon / 2); 
  var c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a)); 
  return R * c;
}

如果你在你的点对之间迭代地应用这个函数并总结距离......宾果。

function get_distance(list_of_points) {
  if (list_of_points.length == 0) return 0;

  var sum = 0;
  var last_point = list_of_points.shift();
  while (list_of_points.length > 0) {
    var next_point = list_of_points.shift();
    sum += calculate_distance(last_point, next_point);
    last_point = next_point; 
  }

  return sum;
}

答案 1 :(得分:1)

或者,您可以使用Google Maps API的Geometry Library执行相同的操作:

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?libraries=geometry&sensor=false"></script>
<script type="text/javascript">

  function initialize() {
    var myLatLng = new google.maps.LatLng(0, -180);
    var myOptions = {
      zoom: 3,
      center: myLatLng,
      mapTypeId: google.maps.MapTypeId.TERRAIN
    };

    var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

    var coordinates = [
        new google.maps.LatLng(37.772323, -122.214897),
        new google.maps.LatLng(21.291982, -157.821856),
        new google.maps.LatLng(-18.142599, 178.431),
        new google.maps.LatLng(-27.46758, 153.027892)
    ];
    console.log(google.maps.geometry.spherical.computeLength(coordinates));


  }
</script>