「氷見に来たけど、どこで食べよう？」
観光サイトのランキングを見ても、今いる場所から近いのか、予算はどれくらいか、今やっているのかがわからない。このアプリは、氷見市内25店舗の飲食店を地図上に表示し、カテゴリ・予算帯・営業状況でフィルターできるインタラクティブマップ。
海鮮、寿司、ラーメン、カフェ——地図を開けば、今の自分にぴったりの一軒が見つかる。
※ 現在掲載中の店舗データはサンプルです。実在の店舗情報とは異なる場合があります。今後、実データへの差し替えを予定しています。
👉 デモアプリを開く
📱 使い方
- 地図上のマーカーをタップして店舗情報を確認
- 上部のカテゴリボタン（海鮮/寿司/ラーメン/カフェ/居酒屋）でフィルター
- 予算帯フィルターで絞り込み（〜1000円 / 1000-2000円 / 2000円〜）
- 地図/リスト表示を切り替えて一覧で比較
- 現在地ボタンで自分の位置を表示し、近くの店を探す
💡 ポイント: Leaflet.js + OpenStreetMapで構築。店舗データは公開情報に基づく内蔵JSON。サーバー不要でオフラインでも基本機能が動作します。
🎯 こんな人におすすめ
- 氷見観光でランチの店を探している旅行者
- 地元の人が行く穴場の飲食店を知りたい人
- 予算や気分に合わせてサクッと店を決めたい人
開発メモ
目的：氷見の飲食店情報を地図ベースで直感的に検索できるツール
技術：Leaflet.js, OpenStreetMap, CSS Grid, Geolocation API
工夫：カテゴリ×予算の複合フィルターで実用性を確保。営業時間による自動フィルターで「今開いてる店」がすぐわかる設計
氷見AIラボは、100+のWebアプリで氷見のことを届けるプロジェクトです。 himi-ai-lab.jp
コメント