Home / Questions / 146892
Accepted
userStack
Asked: 2020-03-17 08:52:29 +0800 CST 2020-03-17 08:52:29 +0800 CST

根据经纬度获取距离

  • 772

我需要得到两点之间的距离，根据公式是

在此处输入图像描述

但谷歌地图提供的数据是纬度，日志，我需要以米为单位的距离

var map;

function initialize() {
  var myLatlng = new google.maps.LatLng(41.38, 2.18);
  var myLatlng2 = new google.maps.LatLng(41.35, 2.18);

  var myOptions = {
    zoom: 13,
    center: myLatlng,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  }
  map = new google.maps.Map(document.getElementById("map-canvas"), myOptions);

  var marker = new google.maps.Marker({
    draggable: true,
    position: myLatlng,
    map: map,
    title: "Your location"
  });
  var marker2 = new google.maps.Marker({
    draggable: true,
    position: myLatlng2,
    map: map,
    title: "Your location"
  });

  google.maps.event.addListener(map, 'click', function(event) {

    alert(event.latLng);
  });
}

google.maps.event.addDomListener(window, 'load', initialize);
html,
body,
#map-canvas {
  height: 100%;
  width: 100%;
  margin: 0px;
  padding: 0px
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?callback=myMap"></script>
<div id="map-canvas" style="border: 2px solid #3872ac;"></div>

javascript

2 Answers

  1. 要获得经纬度两点之间的距离，使用转换为javascript的Haversine公式如下。

    function getDistanciaMetros(lat1,lon1,lat2,lon2)
{
  rad = function(x) {return x*Math.PI/180;}
  var R = 6378.137; //Radio de la tierra en km 
  var dLat = rad( lat2 - lat1 );
  var dLong = rad( lon2 - lon1 );
  var a = Math.sin(dLat/2) * Math.sin(dLat/2) + Math.cos(rad(lat1)) * 
  Math.cos(rad(lat2)) * Math.sin(dLong/2) * Math.sin(dLong/2);
  var c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1-a));

  //aquí obtienes la distancia en metros por la conversion 1Km =1000m
  var d = R * c * 1000; 
  return d ; 
}
    • 3
  2. Best Answer

    GMaps3在库下提供包含以下内容geometry的实用程序google.maps.geometry.spherical：

    用于计算角度、距离和测地线区域的实用函数。默认半径是地球的半径 6378137 米。

    要包含它，您可以通过以下方式完成：

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

    然后你可以使用google.maps.geometry.spherical.computeDistanceBetweenwhich：

    返回两个 LatLng 之间的距离（以米为单位）。或者，您可以指定自定义半径。默认半径是地球的半径。

    所以：

    var distance = google.maps.geometry.spherical.computeDistanceBetween(myLatlng, myLatlng2);
// distancees un valor en metros
console.log((distance/ 1000) + 'Kms');

    例子：

    var map;
function initialize() {
  var myLatlng = new google.maps.LatLng(41.38, 2.18);
  var myLatlng2 = new google.maps.LatLng(41.35, 2.18);

  var myOptions = {
    zoom: 13,
    center: myLatlng,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  }
  map = new google.maps.Map(document.getElementById("map-canvas"), myOptions);

  var marker = new google.maps.Marker({
    draggable: true,
    position: myLatlng,
    map: map,
    title: "Your location"
  });
  var marker2 = new google.maps.Marker({
    draggable: true,
    position: myLatlng2,
    map: map,
    title: "Your location"
  });

  google.maps.event.addListener(map, 'click', function(event) {
    alert(event.latLng);
  });

  // AQUI calculo de distancia entre los puntos
  var distance = google.maps.geometry.spherical.computeDistanceBetween(myLatlng, myLatlng2);
  // distancees un valor en metros
  console.log((distance/ 1000) + 'Kms');
}

google.maps.event.addDomListener(window, 'load', initialize);
    html,
body,
#map-canvas {
  height: 100%;
  width: 100%;
  margin: 0px;
  padding: 0px
}
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?v=3&libraries=geometry&key=AIzaSyCK3ulYYM8GCwK-_HlZVNKvkgp-zvEebUM&"></script>
<div id="map-canvas" style="border: 2px solid #3872ac;"></div>

    • 1