Air - 地図と写真でエア旅行
GPS付き写真を地図上に表示し、スライドショーで楽しむWebアプリです。
🌍 閲覧モード（ログインなし）
公開トリップを見る:
- 右側パネルのトリップ一覧から選択
- 写真サムネイルをクリックして地図上に表示
- 「▶ 再生」でスライドショー（1/3/5秒間隔を選択可能）
- 「前」「次」ボタンで写真を手動で切り替え
地図操作:
- 右上の🗺️ボタンで地図・地形・航空写真を切り替え
- マウスホイールでズーム、ドラッグで移動
- 写真マーカーをクリックして詳細表示
その他の機能:
- 右上メニュー（☰）から動画・旅行記・スタンプラリーを表示
- 旅行記がある場合、トリップ名をクリックで旅行記を表示
✏️ 編集モード（ログイン必要）
1. ログインして始める:
- 右上メニュー（☰）→「Googleでログイン」
- 「新規」ボタンで新しいトリップを作成
2. 写真をアップロード:
- 画面に写真をドラッグ＆ドロップ（複数枚可）
- GPS情報付き写真は自動的に地図上に配置
- GPS情報がない写真は地図をクリックして位置を指定
3. ポイント情報を編集:
- 地図上の写真マーカーをクリック
- ✏️編集ボタンをクリック
- ポイント名・説明・ランドマーク番号を入力
- 「保存」ボタンで保存
4. 写真の削除:
- 📷写真削除: 写真のみ削除、ポイント情報は残る
- 🗑️全削除: ポイントごと完全に削除
5. GPXルートを追加:
- 右上メニュー→「GPXアップロード」
- GPXファイルを選択
- ルートが地図上に表示されます
6. トリップを設定:
- 右上メニューでトリップ名・説明を入力
- ブログURLを追加（説明欄にリンク表示）
- 動画URLを追加（YouTube/Vimeo対応）
- カラーピッカーでルート色を選択（12色）
7. 保存と公開:
- 「保存」ボタンでFirestoreに保存
- 「公開する」にチェック→誰でも閲覧可能に
- チェックを外す→自分だけが見られる
📁 親子トリップ（フォルダ管理）
複数のトリップを整理:
- 「親トリップ」にチェック→フォルダとして使用
- 親トリップには写真やGPXは追加しない
- 子トリップで「親を選択」→親トリップを選択
- 「＋ 子トリップを追加」で新しい子を作成
🤖 AI機能（オプション）
1. AI設定:
- 右上メニュー→「AI設定」
- プロバイダー選択: Gemini / OpenAI / Anthropic
- 各プロバイダーのAPIキーを入力
- Nano Banana Pro2のAPIキー（アニメ生成用）
2. AI旅行記生成:
- 写真・ポイント説明・GPSを用意
- 右上メニュー→「AI旅行記生成」
- 自動的に旅行記が生成されます
- ヘッダーの「旅行記」ボタンで表示
- 御朱印帳風のデザインで表示
3. AIアニメ生成:
- 先に旅行記を生成
- 右上メニュー→「AIアニメ生成」
- 8種類のスタイルから選択
- スライドショー形式で画像が生成されます
📱 モバイル機能
- トリップ名タップ: 旅行記を表示（旅行記がある場合）
- 下部の再生ボタン: スライドショー開始
- スワイプ: 写真を左右に切り替え
- メニュー: 右上の☰から各機能にアクセス
💡 Tips
- GPS付き写真: スマホで位置情報ONで撮影した写真を使用
- ルート表示: GPXファイルで移動軌跡を記録
- ランドマーク: ポイントにランドマーク番号を付けてスタンプラリー
- カラー: トリップごとに色を変えて地図上で区別
- 公開設定: 公開/非公開はいつでも変更可能
❓ よくある質問
Q: 写真が地図に表示されません
A: 写真にGPS情報が含まれているか確認してください。GPS情報がない場合は、地図をクリックして手動で位置を指定できます。
Q: 保存したトリップが消えました
A: ログアウトすると自分のトリップは見えなくなります。再度ログインしてください。
Q: 動画が再生されません
A: YouTube/VimeoのURLを使用してください。埋め込み制限がある動画は再生できません。
詳細は GitHub をご覧ください