【實用教學】香港 AI 達人自製免費「實時 3D 交通地圖」!一網睇盡全港交通動態 + 路況即時追蹤

Author:

Published:

- 廣告 -

搭車最怕遇到塞車或者港鐵、巴士班次延誤?雖然政府有提供開放數據(Open Data),但一般人很難直觀地一次過睇晒全港所有交通狀況。

本地著名 AI 專家及科技企業家李勁華(Keith Li) 最近利用 AI 開發工具,打造了一個名為 「香港智慧城市交通情報網」 的免費線上工具!這個網站結合了政府「數字政策辦公室」的開放數據,將全港各大幹道的塞車情況、交通意外事故、行車速度,甚至是 港鐵與專營巴士的即時估算位置,全部視覺化呈現於立體 3D 地圖上。最吸引的是,這個項目完全免費、無需下載 App、只要開啟瀏覽器即可使用,而且還將程式碼開源(Open Source)!以下就為大家帶來詳細的實測與功能教學。

「交通情報」主要亮點功能一覽

  • 3D 立體地圖視覺化:以立體建築模型呈現維港兩岸及全港各區,比起傳統平面地圖更具臨場感。
  • 路段擠塞與車速分析:自動標示告士打道、紅磡海底隧道、青山公路等主要幹道的塞車長度與平均車速。
  • 公共交通實時動態:根據開放數據即時計算並標示港鐵列車及各路綫巴士的當前位置與移動狀況。
  • 即時事故與路況快拍:整合全港交通意外、道路工程、隧道管制及 CCTV 交通快拍。
  • 跨平台極速載入:採用 Cloudflare Workers 部署,手機或電腦開啟網頁均極為流暢。
地圖有衛星、平而地圖及 3D 模型地圖顯示選擇。

3 步上手!「香港 3D 交通地圖」實用教學

Step 1:進入網站與基本操作
直接透過手機或電腦瀏覽器造訪 香港智慧城市交通情報網。

- 廣告 -
  • 旋轉與傾斜:在電腦上記住按住滑鼠右鍵並拖曳;手機上則可用雙指滑動,調整 3D 視角。
  • 縮放地圖:滾輪或雙指拉遠拉近,即可從「全港巨觀路況」切換至「分區微觀街道」。
電腦按住滑鼠右鍵並拖曳便可移動方向和放大縮細。

Step 2:查看即時交通事故與幹道車速
進入網站後,畫面右側會列出目前的主要交通事故與擠塞路段:

  1. 點擊右側卡片:地圖會自動 Fly-to(飛往)該事故地點或塞車路段。
  2. 點擊道路線條:地圖上的主要幹道會以不同顏色標示流暢度(綠色順暢、紅色擠塞)。點擊特定路段即可查看即時平均車速(km/h)及塞車隊尾長度。
  3. 檢視 CCTV 快拍:點擊地圖上的「攝影機」圖示,可即時載入運輸署最新的現場路況快拍照片。
右下角的文字資訊工具會快速告之所有留意事項。

Step 3:追蹤港鐵與巴士即時位置
想知道自己等緊的巴士或者港鐵到咗邊?

  1. 切換至公共交通圖層,地圖上會顯示代表 MTR 列車 及 巴士 的動態圖示。
  2. 點擊圖示即可查看該班次/車輛的最新位置與預計抵達時間。
  3. 底部設有即時統計圖例(包含:快拍、工程、隧道、事故、管制站等總數),方便掌握全港整體交通健康度。
按下地圖的巴直站圖示,就會顯示當刻的各線停靠巴士到站時間。

這款地圖不僅實用,背後的開發過程同樣值得關注!作者 Keith Li 表示,此項目是為了演講與示範而製作,全程善用 AI 程式工具輔助開發,並將專案開源發佈至 GitHub。整個架構完全無需負擔昂貴的伺服器費用,充分展示了 Open Data(開放數據)與 Modern AI 開發工具結合的強大潛力。
如果你平時經常要跨區返工返學,不妨將這個網頁加入書籤,出門前睇一睇,提早避開塞車黑點!

即刻試玩:https://hktraffic.keith-li.workers.dev/

GitHub 開源專案:hk-traffic-intelligence

- 廣告 -
Buy Me a CPM: PCM 讀者會員資助計劃
Lawrence
Lawrence
《PCM》創刊編輯, 見證電腦由 Monochrome 到 3D,9.6Kbps 撥號到 5G 無線上網年代,DIY、攝影、影音、手機樣樣啱玩。
- 廣告 -

Related Articles

- 廣告 -

Recent Articles

- 廣告 -

最新影片

- 廣告 -