重複の可能性:
GoogleマップAPIv3を使用して道路にポリラインスナップ
私のユースケースは非常に一般的ですが、どういうわけか正しい解決策が見つかりません。移動中の車両の座標を記録し続け、事前定義されたルートと走行経路を表示します。事前定義されたルートと移動パスは、異なる色で表示される必要があります。事前定義されたパスを表示するために、DirectionsService.routeを使用しています。そして、移動した道については、私はさまざまなアプローチを試しましたが、どれも完璧に機能しませんでした。
移動したパスに記録されたすべての座標の間にポリラインを描画します。ただし、ターンが2つの記録された座標の間にある場合、ラインはターンを無視してポイントを直接結合します。
var line = new google.maps.Polyline({ path: arr_all_coordinates, strokeColor: "red", strokeOpacity: 1, strokeWeight: 1 });
新しいDirectionsRendererオブジェクトを使用して、2つの連続する座標間のルートを形成し、DirectionsService.routeで最後の座標まで表示します。この場合、マップは最後の2つの座標にジャンプし続け、最後に描画されたルートにフォーカスを与えます。preserveViewportをtrueに設定しようとしましたが、機能しませんでした。
directionsService.route(request, function(response, status) { if (status == google.maps.DirectionsStatus.OK) { directionsRenderer.setDirections(response); }
任意の提案をお願いします。