[發(fā)明專利]基于HTML5高清位圖的動態(tài)信息融合展現(xiàn)方法

有效

• 申請?zhí)枺?/td>: 201410798772.4
• 申請日: 2014-12-22
• 公開（公告）號: CN104503755B
• 公開（公告）日: 2018-02-13
• 發(fā)明（設計）人: 陳魯;符興斌;李鎖在;韓鵬;孫樹剛;劉濤;王偉;謝樂鳴;張志剛;張建波;陳景華;張躍鵬
• 申請（專利權）人: 中軟信息系統(tǒng)工程有限公司
• 主分類號: G06F9/44
• 分類號: G06F9/44;G06F17/30
• 代理公司: 暫無信息
• 代理人: 暫無信息

1.基于HTML5 高清位圖的動態(tài)信息融合展現(xiàn)方法，其特征在于：該方法運行在瀏覽器Chrome30.0 或Firefox31.0 上，實時數(shù)據(jù)由基于.netFramework 平臺的服務提供，或通過其他開發(fā)平臺提供，具體步驟如下：

(1) 基于.net 開發(fā)WebSocket 服務，為前端提供數(shù)據(jù)支撐；

(2) 創(chuàng)建HTML5 頁面，前端通過Javascript 實現(xiàn)與WebSocket 服務實現(xiàn)通信；

(3) 通過開源CraftMap 腳本庫加載底圖；

(4) 通過開源mapper 腳本庫實現(xiàn)位圖熱區(qū)展示處理；

(5) 通過開源raphael 腳本庫加載點位；

(6) 通過WebSocket 回調(diào)函數(shù)，更新點位信息；

所述步驟(1) 的.net 開發(fā)WebSocket 服務是指，基于.netFramework 開發(fā)windows 服務程序，程序提供WebSocket 的service 服務，開啟監(jiān)聽端口后，接收客戶端的連接；

所述步驟(2) 的創(chuàng)建HTML5 頁面，通過腳本調(diào)用Html5 的API，獲得通信對象，傳入的服務端IP、端口，實現(xiàn)與服務端的通信；

所述步驟(3) 的CraftMap 腳本庫是指開源腳本API，提供底圖的展示與操作，能夠修改源碼實現(xiàn)多層的底圖的擴展；

所述步驟(4) 的mapper 腳本庫提供底圖上任意位置交互事件功能，提供相應的坐標以及該區(qū)域事件處理方法，完成該區(qū)域的交互功能；

所述步驟(5) 的raphael 腳本庫是作為基本工具包實現(xiàn)腳本繪制SVG 點、線、面的矢量圖形。