解決智慧城市發展困擾：Web 3D 智慧環衛 GIS 系統

前言

智慧環衛，依託物聯網技術與移動互聯網技術，對環衛管理所涉及到的人、車、物、事進行全過程實時管理，合理設計規劃環衛管理模式，提高環衛做業質量，下降環衛運營成本，用數字評估和推進垃圾分類管理實效。智慧環衛全部服務部署在智慧城市管理雲端，對接智慧城市網絡，以雲服務方式隨時爲管理者及做業人員提供所需的服務。

智慧環衛系統做爲智慧城市的一部分，是社會發展的須要：城鄉環衛一體化，破解垃圾圍城生活垃圾源頭減量化，促進垃圾分類有效管理餐廚垃圾流向，杜絕地溝油嚴控渣土運輸，杜絕建築垃圾亂排亂放；同時也是環衛管理有力幫手：人工做業全面轉向機械化做業的須要，是人多、車多、事多、設施多、運營成本高、做業效率低、保潔清運不及時等問題的可視化解決方案。

界面簡介及效果預覽

這一套可視化解決方案在設計上嘗試了一種極簡的風格樣式，佈局上採用了 HT 慣用的 圖紙 + 渲染元素 的方式。

行業痛點及可視化應對策略

城市環衛有諸多痛點，例如：垃圾車隨意處處傾倒，垃圾產量沒法準確統計；突發事件沒法及時處理 ；員工工做質量沒法考覈 ；公共設施的配置覆蓋範圍沒法監測；載重數據沒法最大化利用 ；設備設施故障 ；沒法精細化管理響應垃圾分類政策 ；沒法根據垃圾運量來合理配置車輛載重和中轉站位置 ；渣土車漏撒問題、違規傾倒問題；沒法監測控制超載 、渣土車行徑路線進入違規區域等。

HT for Web 給出一套針對這些業務痛點的可視化解決方案，整個方案中應用到了 HT 的 2D 引擎、3D 引擎、GIS 引擎。

HT 能夠快速實現豐富的 2D、3D、GIS 效果，能夠根據需求發揮本身的想象，玩轉不少新奇的功能，而且經過優點互補的做用下，完善出一套完整的可視化系統解決方案。因此在可視化系統的實現上，3D 場景採用以 HT 輕量化 HTML5 / WebGL 建模的方案，實現快速建模、運行時輕量化到甚至手機終端瀏覽器便可 3D 可視化運維的良好效果； GIS 引擎，可以與 3D 場景準確同步，既保留了 GIS 引擎的效果和功能，同時又不去限制設計師在 3D 場景中的發揮；而在對應的 2D 圖紙上，使用特有的矢量，在各類比例下不失真，加上佈局機制，解決了不一樣屏幕比例下的展現問題。

環衛車

針對「沒法根據垃圾運量來合理配置車輛載重和中轉站位置」，本系統提供環衛車監控功能，其中環衛車分爲常見的 4 種類型，本系統將渣土車也算在其中，旨在演示監控效果。

渣土車、收運車、清掃車、抑塵車，在一個城市環衛系統中，這幾種車的配置數量和出勤次數既決定了環衛工程的實施成本，同時也影響着城市清運的質量。它們的數量、分佈、軌跡都是應該歸入監控和分析中來的。

本系統提供各類車輛的 定位查看 功能，遠景可查看總的分佈狀況，近景能夠查看具體車輛的相關數據。軌跡總覽 功能能夠直觀地反映環衛車在某一時間段中的行駛軌跡，能夠監控是否出如今違規區域，也能夠用於分析行進路線的設計是否合理。

渣土車、收運車的載重信息能夠經過在中轉站、收運點、填埋場等地進行採集上報，一方面用於分析車輛有沒有被最大化利用，來減小車輛的配置數量、規劃行駛路線，節約環衛成本；

另外一方面可用於分析中轉站、填埋場分佈狀況是否合理，對城市的清運效率的影響、對周邊居民生活環境的影響等。

對此本系統還提供了軌跡追蹤功能，更加直觀地呈現環衛車清運流程。

值得一提的地方在於 HT 的 3D 引擎支持三維數據面的 動態矢量 數據，能夠實時監控設備設施狀態。

經過簡單的數據綁定， 咱們能夠在環衛車的行進過程當中觀測到每個時刻、每個站點車輛的油耗狀況和運載次數。

經過分析車輛的油耗、運載狀況能夠輔助咱們的環衛車配置，達到效益最大化地利用資源的做用。

如下是收運車的油量監控演示：

公共設施

針對「公共設施的配置覆蓋範圍沒法監測」 的問題，本系統提供 回收站、公廁 的 定位 和 狀態查看 功能， 另外還能夠經過查看具體的人或設施的 覆蓋範圍，針對環衛死角進行人員補充、公共設施合理配置。

覆蓋範圍的效果採用擴散的半透爆破效果，可以很清晰地表達出各個環衛區間的重疊、空缺。

另外，小場景的動效也是 HT 的一大特點，例如建築工地、中轉站、垃圾填埋場的局部動畫效果。

除了車輛運行動畫外，全部小場景的動畫均可以經過鏡頭來觸發，只有在觀測它的時候它纔會觸發動畫，既保證了全部小場景的豐富性、觀賞性，同時也保證了整個系統的性能。

環衛工

針對 「員工工做質量沒法考覈」 的問題，除了和公共設施同樣的定位、數據面板呈現的展示方式外，環衛工還提供一個按照時間線進行定位回放的功能，經過智能手環等定位設備採集的數據來反應每一個時刻環衛工的位置信息，對環衛工人的工做覆蓋範圍、每一個時段的清掃工做量有一個直觀的展現。

環衛區劃、垃圾分類

針對 「沒法精細化管理響應垃圾分類政策」的問題，本系統提供按照環衛管理區劃來分區呈現每一個管轄區的垃圾產量、垃圾分類處理狀況，針對垃圾產量高、垃圾分類執行不到位的區域進行精細化整治。

總結

系統還有諸多功能和麪板就不一一展現了，經過這個系統能夠看到 HT 在將強大的 3D 引擎 與 GIS 結合後可以更豐富地呈現城市級別的數據，更好地提供可視化服務。

在 GIS 方向上 HT 作了很多的探索，有許多成功的案例和炫酷的效果，例如這個夜晚風格的智慧城市案例 ：https://www.hightopo.com/demo/powerCiity/

2019 咱們也更新了數百個工業互聯網 2D/3D 可視化案例集，在這裏你能發現許多新奇的實例，也能發掘出不同的工業互聯網：《分享數百個 HT 工業互聯網 2D 3D 可視化應用案例之 2019 篇》，更多行業應用實例能夠參考官網案例連接：

構建先進 2D 和 3D 可視化所須要的一切