应急管理管理局安全生产预警平台应急管理系统

为健全安全生产信息化技术保障体系，加快达州信息技术与安全生产的深度融合，推动安全生产监督管理基础业务信息化，企业安全生产信息化建设。根据四川省安全生产“十三五”规划的要求，实施“互联网+安全生产”战略，构建《市安全生产可视化应急管理一张图与智能分析预警平台》，从而完善达州安全生产管理业务流程规范化和数据标准规范化建设。

　　运用物联网技术实现企业安全生产全生命周期数据采集，整合安全生产监管监察各类业务系统数据，共享相关行业数据，搭建具有统一视图的安全生产中心数据库，全面实现达州市各级安委会成员单位间及其与重点企业间互联互通。加强安全生产管理、基层安全监管监察执法、企业在线实时监测巡查和宣传培训等4大业务体系建设，进一步规范安全生产基础业务数据，整合、扩充、完善安全生产基础业务系统，保障全省安全生产监督管理信息通道的畅通和安全，全面提升安全生产监督管理信息化水平和履职效能。

　　通过建设安全生产可视化应急管理一张图与智能分析预警平台，为建立和健全统一指挥、功能完备、反应敏捷、协调有序、运转高效的应急管理机制提供现代化的技术基础支撑;全面提升安全生产各级政府的综合应急管理能力，预防和妥善因应灾害、安全事故和社会安全事件等各类突发事件;减少突发安全事件造成的经济损失和人民生命财产的损失;整合各类应急资源、应急队伍、应急设备，为安全生产应急规划提供科学决策，为市安全应急指挥联动提供辅助决策;整合现有信息化成果，联通应急相关单位网络、视频会议、监控、通信、数据系统等，促进全市应急体系的发展。

　　安全生产可视化应急管理一张图与智能分析预警平台应能够满足同时处置2起以上重大或特大安全事件和区安全生产应急管理办公室日常工作的需要。满足应急指挥要求。达州市安全生产可视化应急管理一张图与智能分析预警平台建设必须符合国家针对电子政务制定的各种标准，同时应结合系统建设的实际需要，制定一整套信息系统相关的业务规范、技术规范和管理规范，规范应用定制、维护与服务支持等工作，确保本系统与其它电子政务系统的互联和信息交换。

　　总体业务流程

项目总体架构图　　

平台框架设计


<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title data-i18n="resources.title_ESHeatMap"></title>
<script type="text/javascript" include="jquery,bootstrap,moment,bootstrap-datetimepicker,bootstrap-select,geohash" src="../js/include-web.js"></script>
<style>.bootstrap-select {width: 168px !important;}.form-group label {width: 100px;padding-right: 5px;}.tips {z-index: 1000;}</style>
</head>
<body style=" margin: 0;overflow: hidden;background: #fff;width: 100%;height:100%;position: absolute;top: 0;">
<div id="map" style="margin:0 auto;width: 100%;height: 100%;"></div>
<script type="text/javascript" include="mapv,elasticsearch" src="../../dist/leaflet/include-leaflet.js"></script>
<script type="text/javascript">var map,stopRender,timeControl,liveESService,liveRenderer,liveDataSet,geoFenceLayer,dataUrl = "https://iclient.supermap.io/es",info = L.control({position: 'bottomleft'}),layerOptions = getGridOptions();init();function init() {initMap();info.onAdd = function () {var popup = L.DomUtil.create('div');popup.innerHTML = "<div class='btn-group' role='group' aria-label='...'>" +"<button  value='grid' type='button' class='btn btn-default'>"+resources.btn_grid+"</button>" +"<button value='heatmap' type='button' class='btn btn-default'>"+resources.title_heatMap+"</button></div>"handleMapEvent(popup, map);return popup;};info.addTo(map);liveESService = new SuperMap.ElasticSearch(dataUrl);}function handleMapEvent(div, map) {if (!div || !map) {return;}div.addEventListener('mouseover', function () {map.dragging.disable();map.scrollWheelZoom.disable();map.doubleClickZoom.disable();});div.addEventListener('mouseout', function () {map.dragging.enable();map.scrollWheelZoom.enable();map.doubleClickZoom.enable();});}//开始播放function start() {var options = getControlOptions();if (!timeControl) {timeControl = new SuperMap.TimeFlowControl(loadLiveData, options);} else {timeControl.updateOptions(options);}timeControl.start();stopRender = false;}//暂停播放function pause() {timeControl && timeControl.pause();}//停止播放function stop() {stopRender = true;timeControl && timeControl.stop();clearAll();}//时间控制器回调参数，即每次刷新时执行的操作，此处为向服务器请求数据并绘制。实时刷新执行。function loadLiveData(currentTime) {getESAggregations(map.getZoom(), map.getBounds(), currentTime, currentTime + getControlOptions().speed);updateProgress(moment(currentTime).format("YYYY-MM-DD HH:mm:ss"));}function wrapLatLngBounds(extent) {var left = extent.getNorthWest().lng < -180 ? -180 : extent.getNorthWest().lng;var bottom = extent.getSouthEast().lat < -90 ? -90 : extent.getSouthEast().lat;var right = extent.getSouthEast().lng > 180 ? 180 : extent.getSouthEast().lng;var top = extent.getNorthWest().lat > 90 ? 90 : extent.getNorthWest().lat;return L.latLngBounds(L.latLng(bottom, left), L.latLng(top, right));}function getESAggregations(level, extent, startT, endT) {if (startT > endT) {return;}var coords = wrapLatLngBounds(extent), prec;if (level <= 2) {prec = 2;} else if (level > 2 && level <= 5) {prec = 4;} else if (level > 5) {prec = 8;} else if (level > 8 && level <= 11) {prec = 9;} else if (level > 11 && level <= 13) {prec = 10;} else if (level > 13 && level <= 15) {prec = 11;} else if (level > 15) {prec = 12;}liveESService.search({index: "flights",type: "flight_utc",body: {query: {constant_score: {filter: {range: {'time-ms': {from: startT,to: endT}}}}},aggregations: {zoomedInView: {filter: {geo_bounding_box: {'pin.location': {top_left: {lat: coords.getNorthWest().lat,lon: coords.getNorthWest().lng},bottom_right: {lat: coords.getSouthEast().lat,lon: coords.getSouthEast().lng}}}},aggregations: {geohash: {geohash_grid: {field: "pin.location",precision: prec}}}}}}}).then(function (response) {if (response.error) {console.log(error);console.log(error.body);return;}!stopRender && renderLive(response.aggregations.zoomedInView.geohash.buckets);});}//渲染实时点数据function renderLive(result) {if (timeControl && !timeControl.getRunning()) {return;}result = result || {};var data = createLiveRendererData(result);if (data.length < 1) {return;}updateDataSet(data);if (!liveRenderer) {liveRenderer = L.supermap.mapVLayer(liveDataSet, layerOptions, {noWrap: true}).addTo(map);} else {liveRenderer.update({data: liveDataSet, options: layerOptions});}}var buttons = $('.btn-group').children();buttons.map(function (key) {var value = buttons[key].value;if (value === 'grid') {$(buttons[key]).on('click', function () {layerOptions = getGridOptions();if (liveDataSet) {liveRenderer.update({data: liveDataSet, options: layerOptions});}});return;}if (value === 'heatmap') {$(buttons[key]).on('click', function () {layerOptions = getHeatMapOptions();if (liveDataSet) {liveRenderer.update({data: liveDataSet, options: layerOptions});}});}});function getGridOptions() {return {fillStyle: 'rgba(55, 50, 250, 0.8)',shadowColor: 'rgba(255, 250, 50, 1)',shadowBlur: 10,size: 40,globalAlpha: 0.5,label: {show: true,fillStyle: 'white',shadowColor: 'yellow',font: '15px Arial',shadowBlur: 10},gradient: {0: "rgba(49, 54, 149, 0)",0.2: "rgba(69,117,180, 0.7)",0.3: "rgba(116,173,209, 0.7)",0.4: "rgba(171,217,233, 0.7)",0.5: "rgba(224,243,248, 0.7)",0.6: "rgba(254,224,144,0.7)",0.7: "rgba(253,174,97,0.7)",0.8: "rgba(244,109,67,0.8)",0.9: "rgba(215,48,39,0.8)",0.95: "rgba(165, 0, 38,0.8)"},draw: 'grid'}}function getHeatMapOptions() {return {size: 20,gradient: {0: "rgba(49, 54, 149, 0)",0.2: "rgba(69,117,180, 0.7)",0.3: "rgba(116,173,209, 0.7)",0.4: "rgba(171,217,233, 0.7)",0.5: "rgba(224,243,248, 0.7)",0.6: "rgba(254,224,144,0.7)",0.7: "rgba(253,174,97,0.7)",0.8: "rgba(244,109,67,0.8)",0.9: "rgba(215,48,39,0.8)",0.95: "rgba(165, 0, 38,0.8)"},draw: 'heatmap'}}//解析点查询结果数据为mapv数据function createLiveRendererData(results) {var data = [];results.map(function (feature) {var coords = decodeGeoHash(feature.key);data.push({geometry: {type: 'Point',coordinates: [coords.longitude[2], coords.latitude[2]]},count: feature.doc_count});});return data;}//更新点数据集function updateDataSet(data) {if (!liveDataSet) {liveDataSet = new mapv.DataSet(data);return;}var innerData = liveDataSet.get();var dataLen = data.length;for (var i = 0; i < innerData.length; i++) {if (i < dataLen && data[i].ident === innerData[i].ident) {innerData[i] = data[i];}}liveDataSet.set(innerData);}//获取时间控件设置的参数function getControlOptions() {var startTime = $("#startTime").val();var endTime = $("#endTime").val();startTime = new Date(Date.parse(startTime.replace(/-/g, "/"))).getTime();endTime = new Date(Date.parse(endTime.replace(/-/g, "/"))).getTime();var speed = $("#speed").val();speed = (speed > 0) ? speed : 1000;speed = parseInt(speed);var frequency = $("#frequency").val();frequency = (frequency > 0) ? frequency : 1000;frequency = parseInt(frequency);return {startTime: startTime,endTime: endTime,speed: speed,frequency: frequency}}//更新当前时间界面function updateProgress(currentTime) {$("#progress").html(currentTime);}//默认设置参数function getDefaultControlOptions() {var startMs = 1498772645774;var endMs = 1498935332879;var start = moment(startMs).format("YYYY-MM-DD HH:mm:ss");var end = moment(endMs).format("YYYY-MM-DD HH:mm:ss");return {startTime: start,endTime: end,speed: 900000,frequency: 1000}}function initMap() {if (!map) {map = L.map('map', {center: [40.745654, -90.931577],maxZoom: 15,minZoom: 1,zoom: 4,crs: L.CRS.EPSG3857});var attr = 'Data © <a href="https://www.elastic.co/products/elasticsearch" target="_blank">Elasticsearch</a> Map Data <span>© <a href="http://support.supermap.com.cn/product/iServer.aspx" target="_blank">SuperMap iServer</a></span>';var host = window.isLocal ? window.server : "https://iserver.supermap.io";var url = host + "/iserver/services/map-china400/rest/maps/ChinaDark";L.supermap.tiledMapLayer(url, {attribution: attr}).addTo(map);}initTimeControlView();}//初始化时间控制控件，仅UIfunction initTimeControlView() {var control = L.control({position: "topright"});control.onAdd = function () {var me = this;me._div = L.DomUtil.create('div', 'panel panel-primary controlPane');me._div.style.width = "300px";var titleDiv = $("<div class='panel-heading text-center' id='toggle' style='cursor: pointer'>" +"<span class='panel-title text-center'>"+resources.text_console+"</span>&nbsp;" +"<span class='glyphicon glyphicon-triangle-top' id='toggleIcon' ></span></div>").appendTo(me._div);var contentDiv = $("<div class='panel-body content center-block' style='font-size: 14px'></div>").appendTo(me._div);var optionsDiv = $("<div class='' id='options'></div>").appendTo(contentDiv);var defaultOption = getDefaultControlOptions();$("<div class='form-group form-inline'><label class='text-right' for='startTime' >"+resources.text_startTime+":  "+"</label>" +"<input id='startTime' type='text' class='form-control input-sm' placeholder='" + defaultOption.startTime +"' value='" + defaultOption.startTime + "'/></div></div>").appendTo(optionsDiv);$("<div class='form-group form-inline'><label class='text-right' for='endTime' >"+resources.text_finishTime+":  "+"</label>" +"<input id='endTime' type='text' class='form-control input-sm' placeholder='" + defaultOption.endTime +"' value='" + defaultOption.endTime + "'/></div></div>").appendTo(optionsDiv);$("<div class='form-group form-inline'><label class='text-right' for='speed' >"+resources.text_refreshStepSize+":  "+"</label>" +"<input id='speed' type='number' min='1' class='form-control input-sm' placeholder='" + defaultOption.speed +"' value='" + defaultOption.speed + "'/></div></div>").appendTo(optionsDiv);$("<div class='form-group form-inline'><label class='text-right' for='frequency' >"+resources.text_refreshFrequency+":  "+"</label>" +"<input id='frequency' type='number' min='1' class='form-control input-sm' placeholder='" + defaultOption.frequency +"' value='" + defaultOption.frequency + "'/></div></div>").appendTo(optionsDiv);var progressDiv = $("<div class='form-group'><div class='form-horizontal text-center'><div class='form-group'>" +"<label  for='progress'>"+resources.text_currentTime+"</label><span class='form-control-static' id='progress'>"+resources.text_noStart+"</span>" +"</div></div></div>").appendTo(contentDiv);var controlDiv = $("<section><div class='form-inline text-center'>" +"<input id='start' type='button'  class='btn btn-default text-center' value="+resources.btn_start+">&nbsp;" +"<input id='pause' type='button'  class='btn btn-default text-center' value="+resources.btn_pause+">&nbsp;" +"<input id='stop' type='button'  class='btn btn-default text-center' value="+resources.btn_stop+">" +"</div></section>").appendTo(contentDiv);me._div.addEventListener('mouseover', function () {me._map.dragging.disable();me._map.scrollWheelZoom.disable();me._map.doubleClickZoom.disable();});me._div.addEventListener('mouseout', function () {me._map.dragging.enable();me._map.scrollWheelZoom.enable();me._map.doubleClickZoom.enable();});return me._div;};control.addTo(map);var dateOptions = {format: "YYYY-MM-DD HH:mm:ss",stepping: 1,showClose: true,locale: 'zh-cn'};$("#startTime").datetimepicker(dateOptions);$("#endTime").datetimepicker(dateOptions);$("#start").on('click', function () {$("#options").slideUp("fast", function () {toggle(this);});start();});$("#pause").on('click', pause);$("#stop").on('click', stop);$("#toggle").on('click', function () {$("#options").slideToggle("fast", function () {toggle(this);});return false;});function toggle(ele) {if ($(ele).is(":visible")) {$("#toggleIcon").attr('class', "glyphicon glyphicon-triangle-top");} else {$("#toggleIcon").attr('class', "glyphicon glyphicon-triangle-bottom");}}}function clearAll() {if (timeControl) {timeControl.destroy();timeControl = null;}if (liveRenderer) {map.removeLayer(liveRenderer);liveRenderer = null;}if (liveDataSet) {liveDataSet = null;}if (geoFenceLayer) {geoFenceLayer.remove();geoFenceLayer = null;}}</script>
</body>
</html>

应急管理管理局安全生产预警平台应急管理系统相关推荐

【解决方案】国标视频平台EasyGBS如何搭建应急管理与安全生产平台
一.方案背景安全生产信息化建设是实现社会安全发展.构建社会稳定的重要基础,也是创新安全生产监管模式.提升政府监管水平.提高预警预防能力和应急救援能力的重要途径和有效手段.自十九大报告指出后,社会都在 ...
城市防汛应急管理智慧：可视化平台之气象预警
今年第 17 号台风"狮子山"(热带风暴级)登陆海南岛,受"狮子山"影响,海南岛北半部地区出现暴雨到大暴雨.局地特大暴雨.台风带来的强风雨导致海南岛多地树木倒伏 ...
安全生产预警智慧信息化管理系统软件
安全生产预警智慧信息化管理系统软件安全生产预警智慧信息化管理系统是为顺应平安消费监管部门任务的需求,进步平安消费监督管理执法任务的效率,应用古代***计算机信息技术手段,结合我国平安消费监管职能部门 ...
【渝粤题库】广东开放大学应急管理形成性考核
选择题题目:()是突发公共事件应急管理工作的最高行政领导机构. 题目:以下突发公共事件中,属于公共安全事件的是()? 题目:我们赖以生活的价值是天生的,包括真.善.美在内的人类的古老价值,以及后来的 ...
应急管理综合应用解决方案
应急管理综合应用解决方案 01 方案背景应急管理是国家治理体系和治理能力的重要组成部分,承担防范化解重大安全风险.及时应对处置各类灾害事故的重要职责,担负着保护人民群众生命财产安全和维护社会稳定的 ...
数据把脉，智慧防灾——推进自然灾害应急管理信息化建设的思考
中国是世界上自然灾害最为严重的国家之一,根据应急管理部发布的2020年上半年全国自然灾害情况统计,全国自然灾害以洪涝.风雹.地质灾害为主,森林火灾.地震.干旱.低温冷冻和雪灾等也有不同程度发生.尤其是 ...
商业综合体改造应急管理评价研究
第1章绪论 1.1 研究背景 1.商业综合体发展迅速 1930 年,以传统百货商场为中心的商业中心形成,至 1980 年,百货商场延续其龙头地位,当时的百货已经包括了饭店.酒店等多种业态.1990 ...
防汛工作有了“大脑”：大数据让应急管理更智慧
随着多雨季节的来临,长江中下游百年不遇的洪涝灾害,正牵动着全国亿万人民的心.而如何用高科技武装防汛工作,保障广大人民群众的生命财产安全,也成为了当前各地政府最为迫切的研究课题. 运筹帷幄的" ...
2022-2028年中国应急管理行业市场调查研究及发展前景展望报告
报告类型:产业研究报告格式:电子版.纸介版出品单位:智研咨询-产业信息网智研咨询发布的<2022-2028年中国应急管理行业市场调查研究及发展前景展望报告>共十章.首先介绍了应急管理 ...

应急管理管理局安全生产预警平台应急管理系统

应急管理管理局安全生产预警平台应急管理系统相关推荐

最新文章

热门文章