在新能源汽車(chē)產(chǎn)業(yè)快速發(fā)展的浪潮中，充電樁作為關(guān)鍵配套設(shè)施，其運(yùn)營(yíng)管理的高效性和智能化愈發(fā)重要。圖撲軟件憑借基于 WebGL 和 Canvas 的 HT 2D&3D 渲染引擎，打造出功能強(qiáng)大的新能源充電樁可視化運(yùn)營(yíng)平臺(tái)，為行業(yè)帶來(lái)創(chuàng)新的技術(shù)解決方案。從技術(shù)實(shí)現(xiàn)的角度深入探究該平臺(tái)，能更好地理解其在充電樁運(yùn)營(yíng)管理中的價(jià)值與優(yōu)勢(shì)。

一、底層技術(shù)支撐：WebGL 與 Canvas 協(xié)同運(yùn)作

HT 2D&3D 渲染引擎依托 WebGL 和 Canvas 技術(shù)。WebGL 作為一種在網(wǎng)頁(yè)上實(shí)現(xiàn)硬件加速圖形渲染的技術(shù)，讓 HT 無(wú)需借助額外插件，就能在瀏覽器中高效繪制復(fù)雜的 2D 和 3D 圖形。這一特性為充電樁可視化運(yùn)營(yíng)系統(tǒng)提供了流暢的圖形渲染性能，確保系統(tǒng)能實(shí)時(shí)展示海量充電樁設(shè)施的狀態(tài)。

HT 3D 通過(guò) WebGL 技術(shù)實(shí)現(xiàn)了場(chǎng)景的高效渲染。當(dāng)需要展示充電樁的實(shí)時(shí)工作狀態(tài)時(shí)，它能夠迅速呈現(xiàn)設(shè)備的動(dòng)態(tài)效果，例如充電時(shí)電流流動(dòng)的動(dòng)畫(huà)。這種視覺(jué)表現(xiàn)使用戶能夠更直觀地獲取相關(guān)信息。

同時(shí)，HT 2D 依托于 canvas 技術(shù)，用于系統(tǒng)中的 2D 面板展示各類重要數(shù)據(jù)，比如充電管理和告警管理。憑借 canvas 的高效繪制能力，這些 2D 元素得以快速加載和清晰顯示，使用戶在查看數(shù)據(jù)時(shí)能夠一目了然，從而極大地提升了信息獲取的便捷性。

二、多場(chǎng)景融合的可視化呈現(xiàn)技術(shù)

（一）基于 GIS 的地圖融合技術(shù)

系統(tǒng)結(jié)合 GIS 地圖，以城市地圖為背景進(jìn)行可視化展示。HT for WebGIS 產(chǎn)品具備強(qiáng)大的數(shù)據(jù)加載能力，支持不同地圖瓦片服務(wù)數(shù)據(jù)、航拍傾斜攝影實(shí)景的 3DTiles 格式數(shù)據(jù)以及城市建筑群等 GIS 數(shù)據(jù)的加載。通過(guò) WebGIS 多細(xì)節(jié)層次的加載方式，能呈現(xiàn)出豐富的地圖細(xì)節(jié)，精準(zhǔn)定位每個(gè)充電樁的位置。例如，用戶在查看充電樁分布時(shí)，可通過(guò)縮放地圖，從宏觀的城市層面逐步深入到具體的停車(chē)場(chǎng)，清晰了解每個(gè)充電樁的精確位置，方便進(jìn)行導(dǎo)航和使用。

（二）2.5D 組態(tài)設(shè)計(jì)技術(shù)

運(yùn)用圖撲軟件自主研發(fā) HT 產(chǎn)品上的 Web 組態(tài)，系統(tǒng)將整體場(chǎng)景以 2.5D 設(shè)計(jì)風(fēng)格立體呈現(xiàn)。相較于傳統(tǒng)組態(tài)軟件，基于 Web 的 HT 平臺(tái)更契合 C/S 向 B/S 轉(zhuǎn)型的趨勢(shì)。它擁有豐富的可視化組件和快捷的數(shù)據(jù)綁定方式，可快速創(chuàng)建和部署。在充電樁可視化模塊中，通過(guò) 2.5D 組態(tài)技術(shù)，不僅能立體化展示不同種類充電樁的整體結(jié)構(gòu)，還能保留組態(tài)間的物理位置關(guān)系，實(shí)時(shí)展示組態(tài)數(shù)據(jù)。這使得運(yùn)維人員能更直觀地了解充電樁的分布和運(yùn)行狀態(tài)，增強(qiáng)了對(duì)區(qū)域的地理認(rèn)知。

三、智能交互與功能實(shí)現(xiàn)技術(shù)

（一）智慧路線規(guī)劃技術(shù)

為解決用戶的續(xù)航焦慮問(wèn)題，系統(tǒng)基于 HT for WebGIS 技術(shù)和物聯(lián)網(wǎng) IOT 技術(shù)搭建智能充電導(dǎo)航。在HT的3D場(chǎng)景中，2D圖標(biāo)可通過(guò)公告板形式展示，使用這些圖標(biāo)可在場(chǎng)景中根據(jù)坐標(biāo)顯示汽車(chē)位置。用戶點(diǎn)擊汽車(chē)圖標(biāo)后，可通過(guò)不同設(shè)備查詢充電樁的電價(jià)和使用情況。系統(tǒng)結(jié)合用戶輸入和車(chē)輛續(xù)航狀態(tài)，通過(guò) JavaScript 腳本和算法規(guī)劃最佳充電路線。此外，HT 2D面板還內(nèi)置了智能傳感器，通過(guò)Websocket和HTTP等接口實(shí)時(shí)傳輸數(shù)據(jù)，實(shí)現(xiàn)對(duì)行駛距離、交通信號(hào)燈、到達(dá)時(shí)間和位置信息的動(dòng)態(tài)顯示。這些功能在駕駛中，尤其在重要時(shí)刻，能夠幫助用戶快速而精準(zhǔn)地做出決策，從而提升用戶體驗(yàn)和充電效率。

（二）車(chē)位智能管控技術(shù)

在車(chē)位智能管理方面，系統(tǒng)能夠通過(guò)標(biāo)準(zhǔn)化的API與現(xiàn)場(chǎng)部署的攝像頭抓拍機(jī)進(jìn)行通信。通過(guò)OCR（光學(xué)字符識(shí)別）技術(shù)，系統(tǒng)能夠高效執(zhí)行車(chē)牌識(shí)別，并將提取的信息反饋到控制系統(tǒng)。識(shí)別成功后，系統(tǒng)運(yùn)用物聯(lián)網(wǎng)（IoT）協(xié)議自動(dòng)操控車(chē)位鎖裝置，執(zhí)行升降操作以便電動(dòng)汽車(chē)安全進(jìn)入并開(kāi)始充電。

通過(guò) HT 技術(shù)，結(jié)合現(xiàn)場(chǎng)取景照片、衛(wèi)星圖、CAD 圖等資料，可快速搭建車(chē)位場(chǎng)景。該場(chǎng)景支持宏觀監(jiān)控區(qū)域車(chē)位整體作業(yè)情況，也可深入觀察每個(gè)車(chē)位的作業(yè)全流程。此外，系統(tǒng)的聯(lián)動(dòng)車(chē)位監(jiān)測(cè)功能，利用傳感器監(jiān)測(cè)車(chē)位狀態(tài)，當(dāng)車(chē)位無(wú)車(chē)時(shí)自動(dòng)升起車(chē)位鎖，有效預(yù)防燃油車(chē)非法占位，保障了充電樁的正常使用秩序。

（三）多維度數(shù)據(jù)可視化技術(shù)

充電樁狀態(tài)與功率監(jiān)測(cè)技術(shù) ：充電樁可視化模塊通過(guò) HT 引擎進(jìn)行了視覺(jué)升級(jí)，遵循 IoT 規(guī)范，顯著提升了充電樁的監(jiān)控能力。系統(tǒng)集成了電流和電壓傳感器，實(shí)現(xiàn)對(duì)充電樁功率數(shù)據(jù)的24小時(shí)實(shí)時(shí)采集。通過(guò)編寫(xiě) JavaScript 腳本，借助 HT 提供的 API，可以在2D面板中實(shí)時(shí)展示采集的功率參數(shù)，結(jié)合豐富的圖表組件顯示功率變化趨勢(shì)。此技術(shù)幫助管理人員根據(jù)充電站的車(chē)輛數(shù)量和運(yùn)營(yíng)計(jì)劃，科學(xué)配置充電樁數(shù)量，提升充電設(shè)施的利用效率。

電價(jià)與預(yù)約用戶管理技術(shù) ：充電樁可視化模塊通過(guò)應(yīng)用 HT 引擎進(jìn)行視覺(jué)升級(jí)，嚴(yán)格遵循物聯(lián)網(wǎng)（IoT）規(guī)范，大幅提升了充電樁的監(jiān)控能力。系統(tǒng)整合了高精度電流和電壓傳感器，實(shí)現(xiàn)對(duì)充電樁功率數(shù)據(jù)的全天候?qū)崟r(shí)采集。借助編寫(xiě)的 JavaScript 腳本和 HT 提供的強(qiáng)大 API，可以在2D面板中動(dòng)態(tài)展示實(shí)時(shí)功率參數(shù)，同時(shí)結(jié)合豐富的圖表組件深度分析功率變化趨勢(shì)。這一技術(shù)方案使得管理者能夠根據(jù)實(shí)際的充電車(chē)輛流量、線路運(yùn)行計(jì)劃等，精確配置充電樁數(shù)量，從而最大化地提高充電設(shè)施的運(yùn)營(yíng)效率。

故障報(bào)警與檢修管理技術(shù) ：為保障充電樁的正常運(yùn)行，系統(tǒng)采用了先進(jìn)的技術(shù)手段實(shí)現(xiàn)故障報(bào)警可視化。使用JavaScript編寫(xiě)的腳本監(jiān)控充電樁的歷史故障信息，結(jié)合HT的API開(kāi)發(fā)，實(shí)現(xiàn)了數(shù)據(jù)可視化看板的功能。這個(gè)看板能夠靈活展示包括充電故障、電壓不穩(wěn)、屏幕顯示異常等在內(nèi)的各類故障信息及相應(yīng)的時(shí)間節(jié)點(diǎn)。此外，通過(guò)對(duì)充電槍溫度的實(shí)時(shí)監(jiān)測(cè)，系統(tǒng)具備充電過(guò)熱報(bào)警功能，當(dāng)溫度超過(guò)預(yù)設(shè)閾值時(shí)，能夠自動(dòng)發(fā)送警報(bào)至中央控制系統(tǒng)。此外，HT for Web 引擎搭建輕量化場(chǎng)景并搭配數(shù)據(jù)面板，實(shí)現(xiàn)對(duì)充電樁故障信息的可視化管理，檢修人員可據(jù)此進(jìn)行增、刪、改、查操作，提高故障處理效率。

圖撲軟件基于 HT 2D&3D 渲染引擎打造的新能源充電樁可視化運(yùn)營(yíng)系統(tǒng)，通過(guò)多種技術(shù)的協(xié)同運(yùn)用，實(shí)現(xiàn)了充電樁運(yùn)營(yíng)管理的智能化、可視化。從底層的圖形渲染技術(shù)，到多場(chǎng)景融合的可視化呈現(xiàn)，再到智能交互與功能實(shí)現(xiàn)，每一個(gè)環(huán)節(jié)都充分發(fā)揮了 HT 技術(shù)的優(yōu)勢(shì)，為新能源充電樁行業(yè)的發(fā)展提供了有力的技術(shù)支持，也為未來(lái)相關(guān)領(lǐng)域的技術(shù)創(chuàng)新提供了有益借鑒。

審核編輯 黃宇