← 返回作品集

急診即時壅塞地圖

Web App ·

開啟急診即時壅塞地圖 ↗

全台 59 家重度急救責任醫院的急診即時壅塞地圖。資料來自衛生福利部中央健康保險署的急診即時開放 API,完全免費、不需申請、每 15 分鐘更新一次。衝急診之前,先查哪裡等最久。

ER Map Screenshot

功能特色

  • 壅塞分級標記 — 四級雷達色標(正常→繁忙→壅塞→危急),119 滿床通報醫院以脈衝動畫強調
  • 即時指標面板 — 每家醫院顯示等待看診、等待住院、等待加護病房、等待推床人數
  • 搜尋與篩選 — 依院名或縣市搜尋;依醫院層級過濾(醫學中心/區域醫院/地區醫院/僅滿床通報)
  • 連結 Google 導航 — 點擊醫院 popup 直接規劃路線
  • 全自動資料更新 — GitHub Actions 每 5 分鐘輪詢健保署 API,前端每 5 分鐘自動刷新
  • 深色玻璃介面 — dark glass 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 一次性地理編碼取得。

open-dataleafletviteopen-sourcehealthtaiwan