摘要:本文詳細(xì)介紹了智慧消防系統(tǒng)開發(fā)的技術(shù)研究,文章圍繞功能背景、技術(shù)特色、實(shí)現(xiàn)方法、技術(shù)展望等方面展開,以及如何通過技術(shù)手段實(shí)現(xiàn)智慧消防一張圖功能,圍繞區(qū)域、園區(qū)、室內(nèi)等場(chǎng)景開發(fā),實(shí)現(xiàn)直觀報(bào)警展示功能,增強(qiáng)圖形化預(yù)案演示效果,為快速確認(rèn)、指揮救援提供平臺(tái)支撐,該功能已經(jīng)成為智慧消防不可或缺的技術(shù)手段。
關(guān)鍵詞:Openlayer;智慧消防;一張圖;圖形化
一、概述
GIS地圖應(yīng)用的開發(fā)面臨商用地圖版權(quán)問題,以及商用地圖無法在線開發(fā)自定義平面圖功能,因此為了集中解決智慧消防業(yè)務(wù)中一張圖功能需要引入一種開發(fā)方式,能夠集成GIS地理信息圖層,以及可以根據(jù)用戶需求上傳顯示自定義的園區(qū)和平面圖功能,因此導(dǎo)入了Openlayer開發(fā)方式,該方法為客戶端開發(fā)的Javascript包,該方法的優(yōu)勢(shì)為沒有瀏覽器的依賴,并且能夠?qū)崿F(xiàn)類似Ajax功能的異步頁面更新功能。
常規(guī)方法僅為圖片功能開發(fā),無縮放以及標(biāo)點(diǎn)設(shè)備隨放大比例改變進(jìn)行變化的功能,Openlayer能夠使用多種圖像資源,例如矢量圖、png圖片、百度地圖、天地圖、高德地圖等多種在線和離線資源。
二、調(diào)用地圖
以天地圖為例,在快速刷新的情況下,地圖是一塊一塊加載的,可以看出,整幅地圖畫面是被分割成若干相同尺寸的小方塊,調(diào)用的時(shí)候可以按照一定的規(guī)則請(qǐng)求需要調(diào)用的區(qū)域“切塊”,可視區(qū)域以外的地圖不用加載,這樣可以減少網(wǎng)絡(luò)數(shù)據(jù)的傳輸量,使地圖加載速度更快。
天地圖的坐標(biāo)原點(diǎn)是屏幕的左上角,并且其所在坐標(biāo)系為球形摩卡托投影坐標(biāo)系,針對(duì)該類型切片地圖,可以通過Openlayer中對(duì)應(yīng)的數(shù)據(jù)源類ol.source.TileImage進(jìn)行加載,該類中有具有xyz三個(gè)參數(shù)分別對(duì)應(yīng)切片所在坐標(biāo)系中的x和y坐標(biāo),以及當(dāng)前的縮放等級(jí)z,通過調(diào)用天地圖的網(wǎng)絡(luò)連接可以得到如圖1所示衛(wèi)星地圖影像。
第一步完成地圖圖層加載后,需要對(duì)地圖標(biāo)注圖層進(jìn)行加載,否則無法對(duì)應(yīng)建筑地理信息以及道路信息等,完成標(biāo)注層的疊加后效果如圖2 所示。
三、一張圖功能開發(fā)
基礎(chǔ)功能構(gòu)建完成后需要完成的工作為基于開源GIS資源構(gòu)建智慧消防一張圖功能,類似圖3所示功能,該功能主要分為:點(diǎn)位標(biāo)注、報(bào)警提示、氣泡窗口點(diǎn)擊時(shí)間、彈出窗口、周邊實(shí)時(shí)數(shù)據(jù)展示五類業(yè)務(wù)。
可以通過點(diǎn)擊事件觸發(fā)標(biāo)記功能,或者直接加載設(shè)備返回坐標(biāo)經(jīng)緯度,在地圖上進(jìn)行設(shè)備點(diǎn)位標(biāo)注;圖表類型和坐標(biāo)點(diǎn)位通過圖片ID進(jìn)行關(guān)聯(lián),通過Ajax方法輪詢后臺(tái)數(shù)據(jù)庫,當(dāng)發(fā)現(xiàn)相應(yīng)點(diǎn)位設(shè)備報(bào)警時(shí),在該坐標(biāo)點(diǎn)位播放css效果或者更換gif動(dòng)態(tài)圖片,實(shí)現(xiàn)閃爍報(bào)警的效果,并且可加入聲音文件進(jìn)行報(bào)警聲音提示;發(fā)生閃爍提示后等待鼠標(biāo)點(diǎn)擊click事件,click事件出發(fā)彈窗業(yè)務(wù),Openlayer的氣泡窗口格式方法為CSS樣式,無法引入第三方JS效果,根據(jù)關(guān)聯(lián)點(diǎn)位的設(shè)備類型、設(shè)備信息、報(bào)警類型等進(jìn)行動(dòng)態(tài)填充;作為業(yè)務(wù)數(shù)據(jù)大屏周邊數(shù)據(jù)模塊填充是必須的,可將智慧消防統(tǒng)計(jì)類業(yè)務(wù),或者某一類分支業(yè)務(wù)進(jìn)行細(xì)化,目前該業(yè)務(wù)的開發(fā)方式為Vue的前端框架配合Openlayer加上echarts數(shù)據(jù)圖表進(jìn)行展示,可以進(jìn)行數(shù)據(jù)統(tǒng)計(jì)、趨勢(shì)展示、數(shù)據(jù)業(yè)務(wù)下鉆、占比分析、實(shí)時(shí)報(bào)警列表等功能進(jìn)行拓展。
針對(duì)業(yè)務(wù)類型、場(chǎng)景的不同可以對(duì)Openlayer加載的資源圖片進(jìn)行靈活切換,實(shí)施最為靈活的是加載質(zhì)量較高的整幅圖片,這對(duì)園區(qū)業(yè)務(wù)和建筑內(nèi)平面圖業(yè)務(wù)最為簡(jiǎn)單高效,類似圖4為平面圖業(yè)務(wù),消防業(yè)務(wù)中平面圖功能工作量較大的部分是點(diǎn)位標(biāo)注以及現(xiàn)場(chǎng)匹配和相關(guān)設(shè)備關(guān)聯(lián)的工作,在圖中可以關(guān)聯(lián)相關(guān)煙感區(qū)域的攝像頭位置和聯(lián)動(dòng)關(guān)系,當(dāng)發(fā)生警情時(shí)可以第一時(shí)間打開區(qū)域內(nèi)攝像頭確認(rèn),并且可以在平面圖中標(biāo)注關(guān)聯(lián)的應(yīng)急逃生路線,對(duì)應(yīng)急救援和實(shí)戰(zhàn)指揮有重要的指導(dǎo)意義。
四、結(jié)束
智慧消防的發(fā)展經(jīng)歷了數(shù)據(jù)展示、圖形展示、GIS展示、平面圖展示,隨著大數(shù)據(jù)功能的不斷完善,展示內(nèi)容越來越多,也越來越豐富、立體,后續(xù)的開發(fā)方向?qū)⒁?D、BIM業(yè)務(wù)為基礎(chǔ)平臺(tái),將在立體空間內(nèi)呈現(xiàn)消防業(yè)務(wù),智慧消防將進(jìn)入立體大數(shù)據(jù)時(shí)代。
參考文獻(xiàn):
[1] 孫宇,任海鵬.基于WebGIS技術(shù)構(gòu)建智慧校園基礎(chǔ)平臺(tái)[J].安陽師范學(xué)院學(xué)報(bào),2020,(2):34-37.
[2] 竇志云.關(guān)于三維城市模型中的CAD與GIS的集成方法探討[J].商品與質(zhì)量,2020,(14):213.
作者簡(jiǎn)介:
張慶慶,安徽省消防電子工程技術(shù)研究中心,蚌埠依愛消防電子有限責(zé)任公司 研發(fā)部。