获得最短路线时遇到麻烦。问题在于,谷歌地图中显示的距离与google.maps.DirectionsService()获得的最短路线之间存在差异。我也收到替代路线,但仍然与地图上的距离显示不匹配..enter image description here
地图中显示的距离为15公里,但google.maps.DirectionsService()的最短路线为18.3公里我想获取地图上显示的距离,如我所附的图像所示。代码...
directionsService.route(request, function(response, status) {
if (status === 'OK') {
let route_options = [];
for (var i = 0; i < response.routes.length; i++)
{
let route = response.routes[i];
let distance = 0;
// Total the legs to find the overall journey distance for each route option
for (var j = 0; j < route.legs.length; j++)
{
distance += route.legs[j].distance.value; // metres
}
route_options.push({
'route_id': i,
'distance': distance
});
}
route_options.sort(function(a, b) {
return parseInt(a.distance) - parseInt(b.distance);
});
let duration = response.routes[0].legs[0].duration.value;
let shortest_distance = (route_options[0]['distance'] * 0.001); // convert metres to kilometres
return shortest_distance;
}
});
}
[代码实现中的其他地方可能还没有发布您的问题,因为共享的代码返回的距离与Google Maps的距离相同。
[请参考Google jsfiddle进行演示,以查看此example。跟着这些步骤:1.选择“德国法兰克福机场(FRA)(FRA)”作为来源2.选择“德国法兰克福汉堡阿利法兰克福万豪酒店”作为目的地3.选择“驾驶”模式
控制台输出:
distance.text: 15.0 km
distance.value: 14.988
shortest_distance: 14.988
以下相关代码:
function(response, status) {
if (status === 'OK') {
let route_options = [];
for (var i = 0; i < response.routes.length; i++) {
let route = response.routes[i];
let distance = 0;
// Total the legs to find the overall journey distance for each route option
for (var j = 0; j < route.legs.length; j++) {
distance += route.legs[j].distance.value; // metres
}
route_options.push({
'route_id': i,
'distance': distance
});
}
route_options.sort(function(a, b) {
return parseInt(a.distance) - parseInt(b.distance);
});
let duration = response.routes[0].legs[0].duration.value;
let shortest_distance = (route_options[0]['distance'] * 0.001); // convert metres to kilometres
console.log("distance.text: " + response.routes[0].legs[0].distance.text);
console.log("distance.value: " + response.routes[0].legs[0].distance.value * 0.001);
console.log("shortest_distance: " + shortest_distance);
me.directionsRenderer.setDirections(response);
} else {
window.alert('Directions request failed due to ' + status);
}
});
希望这会有所帮助!