海水浴場天気マップ

地図の表示範囲から海水浴場候補を検索し、天気・波・風・おすすめ度を比較しながら、第一候補と予備候補を準備できます。

アプリを開く

海水浴場天気マップ操作デモ

何ができるか

地図の表示範囲から海水浴場の候補を検索できます
候補地点ごとに天気・波・風・気温を確認できます
複数の候補を見比べて、条件の良い場所を探せます
気になった場所を「今日の候補」に追加し、第一候補・予備候補として管理できます
現地で天候や混雑が悪かった場合に備えて、第一候補の近くにある予備候補をすぐ確認できます

想定する利用場面

当日の天気や波を見ながら、行き先をその場で決めたいとき
三重・福井・京都など、特定の県に絞らず広い範囲から条件の良い海水浴場を探したいとき
出発前に第一候補と、近くの予備候補をいくつか準備しておきたいとき
現地に着いてから駐車場が満車だったり波の状態が悪かったりした場合に、near候補へ切り替えたいとき

主な機能

地図の表示範囲から海水浴場を検索（「この範囲を検索」）
OpenStreetMapを使った通常モード（APIキー不要）
Google MapsとPlaces API (New)を使った高精度モード（自分のAPIキーが必要）
10日分の日付を切り替えて天気・波・風を確認
天気・気温・波高・風速から算出するおすすめ度の自動判定
現在地からの距離表示
現在地から100kmの直線距離円の表示
「今日の候補」機能（検討中・第一候補・予備候補・見送りのステータス管理）
候補のエリア別表示（都道府県ごとにグルーピング）
第一候補から近い予備候補の確認
Googleマップ・YouTubeへの外部リンク
PWA対応（ホーム画面への追加が可能）

使い方

「現在地を表示」で自分の位置を地図に表示します
地図を行けそうな地域まで移動します
「この範囲を検索」を押して、その範囲の海水浴場候補を取得します
見たい日付を選びます（当日から10日分）
天気・波・風・おすすめ度を候補同士で比較します
気になった場所を「今日の候補に追加」します
候補の中から第一候補と予備候補を決めます
出発前にGoogleマップや自治体・海水浴場の公式情報で最終確認します

通常モードと高精度モード

通常モード

OpenStreetMap（Overpass API）を利用します
APIキーは不要です
無料で利用できます
検索結果の網羅性や名称の精度が、高精度モードより限定的な場合があります

高精度モード

Google MapsとPlaces API (New)を利用します
利用者自身のGoogle Cloud APIキーが必要です
検索精度・名称・住所情報がより正確になります
Google Cloudの利用状況に応じて、利用者側に料金が発生する可能性があります

どちらのモードでも、天気・波・風のデータはOpen-Meteoから取得します。

Google高精度モードの設定

アプリ内の設定画面から、自分のGoogle Cloud APIキーを入力すると高精度モードが有効になります。運営者側はAPIキーを配布していません。利用者自身でGoogle Cloudプロジェクトを用意し、キーを発行・入力する仕組みです。

必要なAPI:

Maps JavaScript API
Places API (New)

Google Cloud側で推奨する設定:

請求先アカウントの登録
HTTPリファラー制限（このアプリを開くドメインに限定）
API制限（上記2つのAPIのみに限定）
予算アラート、または利用上限の設定

入力したAPIキーはこの端末のLocalStorageにのみ保存され、外部へ送信されません。

注意事項

おすすめ度は天気予報と海洋データをもとにした参考情報です。遊泳の可否を保証するものではありません
警報・注意報・台風情報、離岸流、クラゲの発生状況、潮流、監視員の有無、海水浴場そのものの営業状況などは完全には反映していません
現地では、自治体・海水浴場管理者・監視員の案内など、公式情報を優先してください
現在地からの距離表示、および100km円は直線距離です。実際の道路距離とは異なります
海水浴場の名称・住所・位置情報はOpenStreetMapやGoogle Placesなどの外部データに依存しています。実際と異なる場合があります
Google高精度モードを利用する場合の料金発生とAPIキー管理は、利用者自身の責任で行ってください

データと外部サービス

地図表示: OpenStreetMap（© OpenStreetMap contributors）/ Leaflet
周辺検索（通常モード）: Overpass API
地図表示・周辺検索（高精度モード）: Google Maps JavaScript API / Places API (New)
天気予報: Open-Meteo Forecast API
海洋データ（波高・波向き）: Open-Meteo Marine API

各サービスの利用規約・ライセンス表示に従い、地図には OpenStreetMap のクレジット表記を表示しています。