Web App / 網站正式版

OmniRadar 山海路全方位雷達

專為台灣騎士與戶外玩家打造的一站式出行儀表板,整合公路沿線 CCTV、實時氣象與路面乾濕推估,出發前一頁搞定。

OmniRadar 山海路全方位雷達

這是什麼?

過去台灣騎士與戶外玩家在出發前,總要在多個分頁來回切換:到公路局 168 找監視器、到中央氣象署看雨量、到 Google Maps 看路況、再去查潮汐與風速。

OmniRadar 是一個專為台灣公路騎士、高山縱走與水域活動玩家打造的「一站式出行決策儀表板」。透過資料混搭(Data Mashup)技術,將散落在各政府單位的即時影像與氣候觀測整合在同一頁面,幫助使用者在出發前 30 秒內快速完成 GO / NO GO 的安全決策。


特色功能

  • 沿線影像一鍵連播:收錄北宜、台七乙、台三線、蘇花等 17 條經典公路與環島動脈,選擇路線即可垂直展開沿線關鍵 CCTV,免去在地圖上逐點尋找的繁瑣操作。
  • 影像 × 氣候數據混搭:監視器畫面旁即時綁定鄰近測站之氣溫、雨量、風速、紫外線與潮汐波浪資訊。
  • 獨家動態預警指標:
    • 路面乾濕推估:結合降雨歷程與當前天候,預估路面濕滑程度。
    • 高山追雪與防滑:武嶺、塔塔加等高海拔熱點具備低溫結冰與雪鏈警戒提示。
    • 海象決策指標:整合衝浪與潛水熱點的浪高、風向(離岸/向岸風)及潮汐狀態。
  • 極致行動端體驗:Mobile-first 高對比深色介面設計,戶外強光下依然清晰好讀。

使用的 AI 工具

本專案採用 Vibe Coding 模式全程由 AI 協同規劃與輔助開發:

  • Claude & ChatGPT / Gemini:擔任系統架構師與全端工程師,協助規劃 Data Mashup 資料流架構、路線資料庫建置、氣候演算法推估邏輯與 SEO 文案優化。
  • Cursor / VS Code (Continue.dev / Copilot):輔助撰寫前端多串流播放器(HLS/m3u8 與定時快照刷新)及 API 資料轉換函數。

開發心得

打造工具型網站最核心的挑戰在於**「降低使用者的決策成本」**。單純排滿攝影機畫面只是聚合,唯有結合氣象與路面演算,才能創造真正的產品價值。

開發過程中最大的技術門檻是處理政府開放 API 的穩定性與格式差異(包含 CCTV 斷線容錯、座標與鄰近測站的精準 Mapping)。透過 AI 的快速迭代與邏輯驗證,大幅縮短了從構想到落地的時間,並成功部署於 Cloudflare 邊緣架構上,實現零主機負擔、極低延遲的即時儀表板體驗。

留言討論

留言討論 (0)

登入後即可參與討論

載入留言中...
作者
Tech Stack
戶外出行即時路況機車跑山氣象數據Data MashupWeb AppCloudflare PagesTDX
2026/10/9