本地 AI 專家李勁華開發香港 3D 交通地圖！即時掌握塞車及港鐵巴士動態 一文睇清 3 步操作教學

本地科技企業家及 AI 專家李勁華運用 AI 開發工具，結合政府開放數據，推出免費線上「香港智慧城市交通情報網」。該平台以 3D 立體視覺化呈現全港幹道擠塞情況、交通事故及公共交通實時動態，支援跨平台瀏覽並已於 GitHub 開源。

即刻【按此】，用 App 睇更多產品開箱影片

AI科技專家開發香港 3D 交通地圖 整合全港即時路況及公共交通情況

為解決市民難以直觀掌握全港交通動態的問題，本地科技企業家及 AI 專家李勁華（Keith Li）近日運用 AI 開發工具，打造名為「香港智慧城市交通情報網」的免費線上地圖。該平台整合香港政府「數字政策辦公室」的開放數據（Open Data），將幹道擠塞情況、交通事故、車速限制，以及港鐵與專營巴士的估算位置，統一以 3D 立體視覺化方式呈現。

該網站完全免費，用戶無需下載應用程式（App），透過手機或電腦瀏覽器即可登入使用，且項目程式碼已於 GitHub 開源（Open Source）。平台採用 Cloudflare Workers 進行部署，確保在不同裝置上均能流暢載入。

香港智慧城市交通情報網五大核心功能

「香港智慧城市交通情報網」透過多項數據整合技術，提供全方位即時路況監測服務，主要功能包括：

• 3D 立體地圖視覺化：以立體建築模型呈現全港各區及維港兩岸，提高地圖的視覺臨場感。

• 路段擠塞與車速分析：自動標示告士打道、紅磡海底隧道及青山公路等主要幹道的塞車隊尾長度與平均車速（km/h）。

• 公共交通實時動態：利用開放數據即時計算，標示港鐵列車及專營巴士的最新當前位置與移動動態。

• 即時事故與路況快拍：集中呈現全港交通意外、道路工程、隧道管制，並提供運輸署 CCTV 交通快拍照片。

• 跨平台極速載入：優化網頁架構，支援跨平台裝置順暢運作。

3 步掌握「香港 3D 交通地圖」操作教學

用戶可透過以下三個步驟快速上手並使用該系統：

第一步：進入網站與調整 3D 視角

直接透過手機或電腦瀏覽器造訪「香港智慧城市交通情報網」。

• 視角調整：電腦用戶按住滑鼠右鍵並拖曳，手機用戶則透過雙指滑動，調整 3D 旋轉與傾斜角度。

• 地圖縮放：使用滾輪或雙指拉近拉遠，可自由切換「全港巨觀路況」或「分區微觀街道」。

第二步：檢視即時交通事故與幹道車速

系統畫面右側設有即時資訊卡片及圖層互動功能：

1. 點擊右側卡片：系統會自動鏡頭移至（Fly-to）相關事故地點或擠塞路段。

2. 查看道路顏色標示：幹道以顏色劃分流暢度（綠色代表順暢，紅色代表擠塞），點擊特定路段可顯示即時平均車速及塞車隊尾長度。

3. 檢視 CCTV 照片：點擊地圖上的攝影機圖示，可即時載入運輸署現場路況快拍。

第三步：追蹤港鐵與巴士即時位置

1. 切換公共交通圖層：地圖將顯示代表 MTR 列車及巴士的動態圖示。

2. 點擊車輛圖示：查閱該班次或車輛的最新位置與預計抵達時間。

3. 查閱底部統計：畫面底部提供包含快拍、工程、隧道、事故及管制站等即時數據統計圖例。

結合 AI 工具與開放數據 開源架構展現開發潛力

該項目由 Keith Li 為演講及示範而製作，研發過程全程透過 Modern AI 程式工具輔助開發。系統架構無需負擔昂貴的伺服器營運成本，展示出開放數據與現代 AI 開發工具結合的效益。項目專案程式碼已完整開源並發佈至 GitHub，供公眾及開發者參考。

Source： ezone.hk、hktraffic.keith-li.workers.dev

【相關報道】

【相關話題】DSE考生溫習神器？創作者以AI打造《岳陽樓記》3D遊戲！Threads破萬讚好網民集氣求上架Steam

有創作者將香港中學文憑考試（DSE）中文科指定範文《岳陽樓記》結合人工智能（AI）技術，製作成沉浸式3D互動遊戲。玩家可於虛擬洞庭湖景致中探索並由AI精靈引導溫習課文。相關示範影片於社交平台 Threads 發布後獲得逾萬讚好，創作者隨後表示正準備製作其餘範文篇章。

↓點擊圖片放大↓

+3

+2

Source: ezone.hk