移動履歴アニメーター
Google タイムライン JSON から、移動ルートを地図アニメーション動画として生成できます。
何ができるか
- Google マップアプリから書き出したタイムラインのJSONファイルを読み込めます
- 指定した日の移動ルートを地図上でアニメーション再生できます
- 再生速度、軌跡の色、線の太さ、再生範囲を調整できます
- 停止区間をスキップして、移動している区間を中心に見られます
- 対応ブラウザでは移動ルートを動画として保存できます
- 録画時の向きを横長・縦長(9:16)から選べます。SNS向けの縦長動画を作りたいときはPCで縦長を選んでください
読み込むファイル
Google マップアプリから書き出した、タイムラインのJSONファイルを読み込んでください。
ファイル名は環境によって タイムライン.json、location-history.json など異なります。
注意点
すべての処理はブラウザ内で行います。読み込んだ位置情報JSONはサーバーへ送信しません。
録画機能はブラウザの対応状況に依存します。iPhone / iPad はブラウザ制限により録画非対応です。
生成される動画には OpenStreetMap の地図が含まれるため、動画内に OpenStreetMap contributors のクレジットを表示しています。
想定用途
- 旅行や散歩の移動ルートを短い動画として振り返りたいとき
- 1日の移動ログを地図上で確認したいとき
- Google タイムラインのJSONをローカルで確認したいとき
制作経緯
制作時の考え方や実装メモをまとめています。