
AI 摘要
- 香港智慧城市交通情報網利用開放數據於 3D 地圖呈現路況與公共交通位置。
- 專案完全免費開源,依賴用戶端與 Cloudflare 運作而毋須伺服器費用。
香港智慧城市交通情報網是由本地 AI 專家李勁華開發並開源的網頁平台。該工具將香港特區政府數字政策辦公室的開放數據整合至 3D 視覺化地圖中,專門為關注香港交通情況的市民、交通愛好者及前端開發者提供即時的立體路況與公共交通動態。

工具定位與主要功能
此專案原為講座示範項目,透過 AI 輔助開發工具(Cursor 與 Grok 4.7)將早前的 3D 引擎改造成智慧城市應用,具備以下核心功能:
- 3D 維港兩岸地圖模型:以 3D 視覺效果呈現香港建築物及主要幹道路網。
- 多種公共交通實時位置推算:涵蓋港鐵(MTR)、輕鐵、九巴(KMB)、龍運巴士(LWB)及城巴的車輛即時位置動態。
- 幹道路況與交通意外監控:畫面右側列出告士打道、青山公路及海底隧道等主要路段的行車速度與擠塞長度,並標記最新交通事故。
- 路況設施與事件統計圖例:底部圖例清晰統計快拍、道路工程、隧道狀況、事故及管制站的實時數量。
- 資料來源:直接介接運輸署每 2 分鐘更新一次的行車速度圖與行車時間等資料。

適用對象與使用情境
香港智慧城市交通情報網特別適合需要一次過檢視全港主要交通幹道擁堵情況的駕駛人士、研究公共交通調度的研究人員,以及有意學習如何利用政府開放資料與 3D 網頁技術結合的開發者。使用者可以在出門前或行程中快速掌握事故點及交通瓶頸。


架構特色與部署限制
專案的一大技術優勢在於零伺服器成本架構,但在運作與資料精確度上亦有其先決條件:
- 零伺服器成本:整體架構依靠 Cloudflare Worker 與用戶端瀏覽器運算,開發者可免費寄存於 Cloudflare,毋須支付傳統伺服器租金。
- 推算限制:部分公共交通車輛的位置是基於開放資料與時刻表推算呈現,並非全部為衛星即時絕對坐標。
- 開放數據依賴:地圖資訊與更新頻率直接受限於政府開放數據平台及運輸署的 API 更新間隔(如 2 分鐘更新一次)。

前置條件與部署操作方法
有意自行架設或測試該系統的開發者,可透過本地電腦或 Cloudflare 平台完成部署。
前置條件
- 具備基礎的終端機操作與網頁專案執行環境。
- 可存取專案原始碼(GitHub 倉庫)。
- 如需對外發布,需準備一個免費的 Cloudflare 帳戶。
操作步驟
- 取得香港智慧城市交通情報網的開源專案原始碼,將其下載至本機電腦環境。
- 於本地環境進行設定與構建,確認專案可在本機瀏覽器中正常載入 3D 建築模型與交通圖例。
- 將應用程式綁定至 Cloudflare Worker 或相關靜態託管功能,完成免費雲端部署。
- 部署完成後發佈公開網址,公眾即可直接透過瀏覽器存取並檢視立體交通情報。
即刻試玩:https://hktraffic.keith-li.workers.dev/
Github: https://github.com/keithligh/hk-traffic-intelligence
Reference Link : unwire.hk




