Travel Pictures Map（海外旅行の写真ログ地図上まとめ）

　海外旅行の写真を地球儀上でアニメーション表示するツールです。

はじめに

　「TravelBoast」というアプリをご存じでしょうか？旅行の移動履歴を地球儀上でアニメーション化するアプリなのですが、このアプリで生成されたアニメーションを見たときに、@sanskruthiya さんの「My Global Journey」というサイトを思い出しました。作者の旅路を写真と共に Web 地図として表現されており、こんなアニメーションが TravelBoast のようにプログラミング無しで作れたら面白そうかな？と感じました。

　そこで、本ページでは My Global Journey のようなアニメーションがボタンだけで簡単に作れるようにしました。以下のアニメーションが作成例です。なお当ツールはブラウザ上で動作しており、画像などの収集は行っておりません。

　

Travel Pictures Map

　以下の「＋」ボタンを押して、都市名を選択し、画像を読み込んでください。
　

　以下の「動画を再生」ボタンをクリックすると、地球儀が動きながら写真が表示されます。左上にフルスクリーンボタンもあるので、適宜ご利用ください。
　

　

　　
参考：Qiita 「MapLibre GL JSのGlobe Projectionを試す」@sanskruthiya

余談：popup が Canvas 要素として描画されていないため、動画キャプチャ機能の実装は諦めました。スクリーンショットでご対応いただけますと幸いです。
　

ちょっと宣伝

　当サイトは地図を使った海外旅ブログ/YouTube まとめサイトとなっています。トップページに地図がありますが、地名を押すと画像が開き、画像を押すと関連記事一覧（クリック数順）が開きます。記事数が多い国ほど赤く、地名もその国で記事が多い都市の文字が大きくなるようにしています。ぜひ覗いてみてください。
　当サイトで海外旅ブログを執筆することも可能です（無料）！　また既にブログ/ YouTube をお持ちの方も、当サイトからリンクを貼ることができるようになっています。気になる方は「当サイトについて」をご覧ください。

パントレ管理部