如何找到谷歌地图API最短路线,如谷歌地图路线所示



我在获取最短路线时遇到麻烦。 问题是谷歌地图中显示的距离与google.maps.DirectionsService((获得的最短路线之间存在差异;我也得到了替代的胭脂,但这仍然与地图上的距离显示不匹配。 在此处输入图像描述

地图中显示的距离是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 地图相同。

请看一下这个基于谷歌示例的jsfiddle进行演示。请按照以下步骤操作:
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);
}
});

希望这有帮助!

最新更新