Web アプリケーションのカスタム地理マップ イメージに動的ルート パスをオーバーレイしたいと考えています。ルートを表示するパスは、ユーザーが距離の目標を達成すると、別の色で動的に塗りつぶされます (ページの読み込み時にアニメーション化されます)。例は次のとおりです。
- ユーザーが地図ページを閲覧
- ロンドン -> カイロ -> LA -> ロンドンなどを示すルート オーバーレイ付きの世界地図表示
- ページの読み込みが完了しました。
- JS は、ユーザーが移動した合計距離を計算します (サーバー側のデータから)
- オーバーレイ ラインが徐々に異なる色で塗りつぶされます (アニメーション - インディ ジョーンズを考えてみてください!)
マップ タイルのリーフレット マップ ( leaflet ) が好きで、おそらくラファエルがポリラインを描画してアニメーション化するのが好きです。
最初のバージョンは事前に定義されたルートで非常にシンプルになるため、都市の座標を前もって知ることができます。私の質問は、リーフレット (または他の) マップに追加されたポリラインをアニメーション化するにはどうすればよいですか? ラファエルは彼にふさわしいでしょうか?