Travel Map App

旅行の軌跡をアニメーションで記録・保存

map1. アプリの全体像

info「旅行の移動軌跡を地図上に可視化し、アニメーションとして再生、または画像として保存できるツール」です。

「どこを通り、どこで何を見たか」という記録を地図上に構築。訪問順に沿ったアニメーション再生や、SNS共有に適した画像出力機能を備えています。

検索機能を使用して訪問地を特定し、地図上にピンを配置。訪問順序（行程）に沿って複数の地点を管理可能です。

地点間の移動手段（車、徒歩など）を選択することで、実際の道路網に即した経路線を自動で生成・表示します。

各地点に対して写真画像のアップロードや、テキストラベルの貼り付けが可能。視覚的な補足情報を地図上に統合できます。

生成された経路上をアイコンが滑らかに移動するアニメーションを。行程の全体像を動的に確認できます。

完成したルートマップを、単一の画像ファイルとしてダウンロード可能。SNSへの投稿やブログ素材として即座に活用できます。

京都旅行のブログ記事を書いている。読者に「1日でどういうルートで回ったか」を説明したい。

このアプリでルートを作り、1枚の画像として保存。記事の冒頭に貼るだけで、読者が一目で旅行の全体像を理解できます。

「週末に北海道をドライブしてきた！」と投稿したい。文字だけでは移動距離のすごさが伝わらない。

移動ルートと途中で撮った絶景写真を地図上に配置し、その画面を画像化して投稿。視覚的なインパクトで「いいね」が増えやすくなります。

友達と行く旅行の計画を立てている。移動に無理がないか確認したい。

あらかじめ訪問予定地を入力してルートを描画。アニメーションで移動の順番を確認し、完成した地図の画像をLINE等で友達に共有して計画をすり合わせます。

check_circle

思い出を綺麗に残したい・共有したい一般旅行者写真フォルダに眠っている写真と位置情報を掛け合わせて、後から見返して楽しい形にまとめたい人。

check_circle

情報発信者（ブロガー、インフルエンサー）読者に見やすく、分かりやすい「旅行の行程図」を手軽に作成したいコンテンツクリエイター。

check_circle

ツーリングやドライブ、自転車旅行の愛好家「自分がどれだけの距離を、どんなルートで走破したか」という軌跡そのものを記録し、誇りたい人。

開発の動機は、旅行動画において「地図上でマーカーが移動する動的な視覚演出」を、エンジニアリングによって簡単に再現したいと考えたことでした。

既存の地図サービスのようなナビゲーション用途ではなく、エンターテインメントとしての「移動の可視化」に特化。動画素材として手軽にルートアニメーションを取り込める仕組みを目指しました。

開発初期段階で、ブラウザ上での描画パフォーマンスと演出クオリティの両立には、個人開発の枠を超えた膨大なリソースが必要であることが判明しました。

同時期に TravelBoast に代表される完成度の極めて高い既存アプリが普及したこともあり、サービスとしての差別化よりも、技術的な実験成果をソースコードとして共有するべきだと判断しました。

現在は、独自のカスタマイズを求める開発者向けのオープンソースプロジェクトとして公開しています。