現在、Google Maps API を使用して道順をレンダリングしています。
技術的な面からは、すべて正常に動作します。
var $canvas = $element.querySelector('#map-canvas');
vvar map = new maps.Map($canvas, {
center: new maps.LatLng(52.46004869999999, 13.37898690),
mapTypeId: maps.MapTypeId.ROADMAP,
zoom: 14
});
var route = {
travelMode: google.maps.TravelMode.BICYCLING,
origin: new google.maps.LatLng(52.455833, 13.322948),
destination: new google.maps.LatLng(52.459281, 13.356367),
};
new google.maps.DirectionsService().route(route, function(body) {
var display = new google.maps.DirectionsRenderer();
display.setMap(map);
display.setDirections(body);
});
残念ながら、提案されたルートは絶対にがらくたです。A から B に直接移動する代わりに、都市を離れることさえあります...
これが maps.google.com では適切に機能するのに、API では機能しないのはなぜですか? 正しい結果を得るには、何を変更する必要がありますか?
ボードー