【アプリ 017】氷見フォトスポットマップ

氷見といえば、富山湾越しの立山連峰。でも「どこから撮ればいいの？」がわからない。観光パンフレットには定番スポットしか載っていないし、地元の人しか知らない絶景ポイントもあるはず。

このアプリは、氷見市内15箇所の撮影スポットをGoogleマップ上に表示。現在地からの距離順で並ぶので、「今いる場所から一番近い絶景」がすぐ見つかります。海・山・街並み・夕日・食の5カテゴリでフィルタリングでき、各スポットには撮影のコツやアクセス情報、駐車場の有無まで掲載しています。

👉 デモアプリを開く （※クリックで全画面表示されます）

📱 使い方

1. アプリを開くと地図上に氷見市内15箇所の撮影スポットが表示されます
2. 上部のカテゴリボタン（海・山・街並み・夕日・食）でフィルタリング
3. 「現在地」ボタンをタップすると、近い順にスポットが並び替え
4. スポットカードをスワイプすると、地図も連動して移動
5. 各スポットの撮影のコツ、アクセス情報、駐車場情報を確認

💡 ポイント: 位置情報を許可すると現在地から近い順に表示。旅行中にサッと「一番近い絶景」を探せます。

開発メモ

目的: 「どこで写真を撮ればいいか」を、GPSベースで即座に解決する。

技術: HTML5, Vanilla JS, Google Maps API, Geolocation API, Google Places APIで座標検証済み

工夫: 全15箇所の座標をGoogle Places APIで検証し、ピンの位置が正確であることを保証しています。横スワイプのスポットカードとマップが連動し、カードを切り替えるとマップも追従します。001の漫画ウォークで培ったアーキテクチャを再利用しました。