google-maps-api-3 - 折线的距离

Question

我在折线中工作，我需要获得它的距离。因此，如果有人可以提供帮助，我将不胜感激。

最好的问候。

这是我的代码:

function polyline() {
downloadUrl("xmlPolyline.asp", function(data) {
    var xml = xmlParse(data);
    var markersPath = xml.documentElement.getElementsByTagName("marker");   
    var path = [];


    for (var i = 0; i < markersPath.length; i++) {
    var lat = parseFloat(markersPath[i].getAttribute("lat"));
    var lng = parseFloat(markersPath[i].getAttribute("lng"));
    pointPath = new google.maps.LatLng(lat,lng);


    path.push(pointPath);

}//finish loop

 polyline = new google.maps.Polyline({
  path: path,
  strokeColor: "#FF0000",
  strokeOpacity: 1.0,
  strokeWeight: 2
});


//new polyline

polyline.setMap(map);

}); //end download url

}

Answer 1

这很简单——使用几何库中的内置函数...

const polyLengthInMeters = google.maps.geometry.spherical.computeLength(yourPolyline.getPath().getArray());

要使用您在加载 map api 时声明的几何库

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

更多信息见:

Google API Polyline reference

Google API mcvArray reference

Google API Spherical geometry reference