デジタル案件をすべて見る
救急外来リアルタイム混雑マップ
台湾全土 59 か所の高度救急告示病院に対応した、リアルタイム混雑状況可視化マップです。衛生福利部中央健康保険署の救急リアルタイムオープン API から取得しており、完全無料・申請不要で 15 分ごとに自動更新されます。救急外来へ向かう前に、待ち時間が最も長い病院を事前に確認。

主な機能
- 混雑度ステータスバッジ — 4段階のレーダーカラー(正常→混雑→過密→逼迫)、救急車受入停止通報病院はパルスアニメーションで強調表示
- リアルタイム指標パネル — 各病院の診察待ち、入院待ち、集中治療室(ICU)待ち、ストレッチャー待ち人数を表示
- 検索と絞り込み — 病院名や自治体による検索、病院種別フィルター(医学センター/地域中核病院/地区病院/受入停止のみ)
- Google マップナビ連携 — ポップアップ内のボタンから直接ルート案内を起動可能
- 全自動データ更新 — GitHub Actions が 5 分ごとに健保署 API をポーリング、フロントエンドも 5 分周期で自動更新
- ダークグラス UI — 洗練されたダークガラス調インターフェース、モバイル対応のボトムドロワー設計
技術スタック
er-map/
├── src/
│ ├── main.js # Leaflet 地図ロジック
│ └── style.css # Dark glass theme
├── scripts/
│ ├── geocode-hospitals.mjs # OSM Nominatim 一括座標補正
│ └── fetch-data.mjs # 健保署 API → JSON 生成
├── data/hospitals.json # 59 病院の固定座標リスト
├── public/data/er-status.json # リアルタイムスナップショット(CI更新)
└── .github/workflows/
└── fetch-data.yml # 5分周期の定期実行 cron
Vite + Leaflet + CARTO Dark basemap を採用し、Cloudflare Pages にホスティング(サーバーレス構成)。リアルタイムデータは GitHub raw CDN 経由で配信されるため、Pages の再ビルドなしで即座にデータが更新されます。
データソース
病院の緯度経度座標は OpenStreetMap Nominatim によるジオコーディングによって取得しています。
似たプロジェクトをご検討ですか?
用途と方向性をお聞かせください。最適な進め方を一緒に確認します。