基于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.

作者简介：

张庆庆，安徽省消防电子工程技术研究中心，蚌埠依爱消防电子有限责任公司 研发部。