基于Openlayer的智慧消防一張圖功能

摘要：本文詳細介紹了智慧消防系統開發的技術研究，文章圍繞功能背景、技術特色、實現方法、技術展望等方面展開，以及如何通過技術手段實現智慧消防一張圖功能，圍繞區域、園區、室內等場景開發，實現直觀報警展示功能，增強圖形化預案演示效果，為快速確認、指揮救援提供平臺支撐，該功能已經成為智慧消防不可或缺的技術手段。

關鍵詞：Openlayer;智慧消防;一張圖;圖形化

一、概述

GIS地圖應用的開發面臨商用地圖版權問題，以及商用地圖無法在線開發自定義平面圖功能，因此為了集中解決智慧消防業務中一張圖功能需要引入一種開發方式，能夠集成GIS地理信息圖層，以及可以根據用戶需求上傳顯示自定義的園區和平面圖功能，因此導入了Openlayer開發方式，該方法為客戶端開發的Javascript包，該方法的優勢為沒有瀏覽器的依賴，并且能夠實現類似Ajax功能的異步頁面更新功能。

常規方法僅為圖片功能開發，無縮放以及標點設備隨放大比例改變進行變化的功能，Openlayer能夠使用多種圖像資源，例如矢量圖、png圖片、百度地圖、天地圖、高德地圖等多種在線和離線資源。

二、調用地圖

以天地圖為例，在快速刷新的情況下，地圖是一塊一塊加載的，可以看出，整幅地圖畫面是被分割成若干相同尺寸的小方塊，調用的時候可以按照一定的規則請求需要調用的區域“切塊”，可視區域以外的地圖不用加載，這樣可以減少網絡數據的傳輸量，使地圖加載速度更快。

天地圖的坐標原點是屏幕的左上角，并且其所在坐標系為球形摩卡托投影坐標系，針對該類型切片地圖，可以通過Openlayer中對應的數據源類ol.source.TileImage進行加載，該類中有具有xyz三個參數分別對應切片所在坐標系中的x和y坐標，以及當前的縮放等級z，通過調用天地圖的網絡連接可以得到如圖1所示衛星地圖影像。

第一步完成地圖圖層加載后，需要對地圖標注圖層進行加載，否則無法對應建筑地理信息以及道路信息等，完成標注層的疊加后效果如圖2 所示。

三、一張圖功能開發

基礎功能構建完成后需要完成的工作為基于開源GIS資源構建智慧消防一張圖功能，類似圖3所示功能，該功能主要分為：點位標注、報警提示、氣泡窗口點擊時間、彈出窗口、周邊實時數據展示五類業務。

可以通過點擊事件觸發標記功能，或者直接加載設備返回坐標經緯度，在地圖上進行設備點位標注;圖表類型和坐標點位通過圖片ID進行關聯，通過Ajax方法輪詢后臺數據庫，當發現相應點位設備報警時，在該坐標點位播放css效果或者更換gif動態圖片，實現閃爍報警的效果，并且可加入聲音文件進行報警聲音提示;發生閃爍提示后等待鼠標點擊click事件，click事件出發彈窗業務，Openlayer的氣泡窗口格式方法為CSS樣式，無法引入第三方JS效果，根據關聯點位的設備類型、設備信息、報警類型等進行動態填充;作為業務數據大屏周邊數據模塊填充是必須的，可將智慧消防統計類業務，或者某一類分支業務進行細化，目前該業務的開發方式為Vue的前端框架配合Openlayer加上echarts數據圖表進行展示，可以進行數據統計、趨勢展示、數據業務下鉆、占比分析、實時報警列表等功能進行拓展。

針對業務類型、場景的不同可以對Openlayer加載的資源圖片進行靈活切換，實施最為靈活的是加載質量較高的整幅圖片，這對園區業務和建筑內平面圖業務最為簡單高效，類似圖4為平面圖業務，消防業務中平面圖功能工作量較大的部分是點位標注以及現場匹配和相關設備關聯的工作，在圖中可以關聯相關煙感區域的攝像頭位置和聯動關系，當發生警情時可以第一時間打開區域內攝像頭確認，并且可以在平面圖中標注關聯的應急逃生路線，對應急救援和實戰指揮有重要的指導意義。

四、結束

智慧消防的發展經歷了數據展示、圖形展示、GIS展示、平面圖展示，隨著大數據功能的不斷完善，展示內容越來越多，也越來越豐富、立體，后續的開發方向將以3D、BIM業務為基礎平臺，將在立體空間內呈現消防業務，智慧消防將進入立體大數據時代。

參考文獻：

[1] 孫宇，任海鵬.基于WebGIS技術構建智慧校園基礎平臺[J].安陽師范學院學報，2020，（2）：34-37.

[2] 竇志云.關于三維城市模型中的CAD與GIS的集成方法探討[J].商品與質量，2020，（14）：213.

作者簡介：

張慶慶，安徽省消防電子工程技術研究中心，蚌埠依愛消防電子有限責任公司 研發部。