座標とタイムスタンプのデータをJSONで渡すとGoogleマップ上でその経路をアニメーション表示してくれるスクリプト・「maps-journey-replay」

Ads

maps-journey-replay

maps-journey-replayは座標とタイムスタンプのデータをJSONで渡すとGoogleマップ上に経路をアニメーション表示してくれるスクリプトです。説明下手なせいでピンとこないかもなので動作サンプル見て頂いた方が早いですね。以下のようなJSONデータを渡す事で実装できるのだそう。

[
  {
    "lat": 53.94632335995299,
    "lng": -1.3704424708440581,
    "timestamp": 1486291045000
  },
  {
    "lat": 53.94624075051081,
    "lng": -1.3701714873316115,
    "timestamp": 1486291052000
  },
  .....
 ]

マラソン大会の経路説明とか店舗やオフィスまでの道順案内とか旅行サービスとか他にもいろいろ使えそうですね。ただし、このままだとユーザーの意思と関係なく動作するのでクリックで発火させる等を施さないと日本では犯罪になる可能性があるみたいなので気を付けたいですね。ライセンスはMIT。

maps-journey-replay