JavaScript緯線の2つの位置間のロードマップ距離を計算する方法

Question

I JavaScriptを使用して、緯度2つの位置の間のRoadMap距離を計算する際に遭遇しました。このリンクを

：答えを見つけることが

var service = new google.maps.DistanceMatrixService; 
service.getDistanceMatrix({ 
    origins: [origin1], 
destinations: [destinationA], 
travelMode: google.maps.TravelMode.DRIVING, 
unitSystem: google.maps.UnitSystem.METRIC, 
avoidHighways: false, 
avoidTolls: false 
}, function(response, status) { 
if (status !== google.maps.DistanceMatrixStatus.OK) { 
     alert('Error was: ' + status); 
    return; 
    } 

https://jsfiddle.net/c6omLvso/

Answer 1

は、Googleを使用していますがJavaScript APIのをマップ？ uは"Distance Matrix Service"

Answer 2

を試すことができますので、場合は、このようなGoogleの距離行列使用して、あなたの目標を達成することができます。それに

google.maps.event.addDomListener(window, "load", function() { 
 
    var map = new google.maps.Map(document.getElementById("map"), { 
 
     center: new google.maps.LatLng(55.53, 9.4), 
 
     zoom: 10, 
 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
 
    }); 
 
    
 
    var origin1 = {lat: 55.93, lng: -3.118}; 
 
    var origin2 = 'Greenwich, England'; 
 
    var destinationA = 'Stockholm, Sweden'; 
 
    var destinationB = {lat: 50.087, lng: 14.421}; 
 
    
 
    var service = new google.maps.DistanceMatrixService; 
 
    service.getDistanceMatrix({ 
 
     origins: [origin1, origin2], 
 
     destinations: [destinationA, destinationB], 
 
     travelMode: google.maps.TravelMode.DRIVING, 
 
     unitSystem: google.maps.UnitSystem.METRIC, 
 
     avoidHighways: false, 
 
     avoidTolls: false 
 
    }, function(response, status) { 
 
     if (status !== google.maps.DistanceMatrixStatus.OK) { 
 
      alert('Error was: ' + status); 
 
      return; 
 
     } 
 

 
     var originList = response.originAddresses; 
 
    \t var destinationList = response.destinationAddresses; 
 
     var output = document.getElementById("output"); 
 
     output.innerHTML = ""; 
 
    
 
    for (var i = 0; i < originList.length; i++) { 
 
     var results = response.rows[i].elements; 
 
     for (var j = 0; j < results.length; j++) { 
 
     output.innerHTML += originList[i] + ' to ' + destinationList[j] + 
 
      ': ' + results[j].distance.text + ' in ' + 
 
      results[j].duration.text + '<br>'; 
 
     } 
 
    }  
 
    }); 
 
});

body { 
 
    margin: 0; 
 
    padding: 0; 
 
    font: 12px sans-serif; 
 
} 
 

 
#map { 
 
    width: 400px; 
 
    height: 400px; 
 
}

<script src="https://maps.googleapis.com/maps/api/js?v=3"></script> 
 
<div id="map"></div> 
 
<div id="output"></div>

enter code here