通过GIS与虚拟仿真技术,对园区内企业生产设施、市政消防设施、公共管廊等进行三维建模,真实还原园区整体环境。以三维场景为依托,以智慧化工园区平台为核心,融合多个应用系统的数据,实现化工园区智能化管理。对园区内企业安全生产数据,环保监测,交通运输,车辆管理等数据进行综合展示,为园区管理部门对园区内突发事件的应急指挥,以及园区内环保监测管理,交通管理等提供强有力的信息保障。

  安全环保一张图

  以园区安全、环保、视频监控为主要内容,对园区企业信息、重大危险源监控数据、危险源报警信息、环保监测数据、视频监控等内容进行集中管理和展示。

  交通运输一张图

  以园区交通和物流信息为主要内容,对园区内危化品车辆实时定位和轨迹、电子运单信息、船舶定位和信息、园区车辆统计、园区企业危化品装车统计等内容进行集中展示。


<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title data-i18n="resources.title_heatGridMapLayer"></title>
<script type="text/javascript" include="bootstrap,widgets.alert" src="../js/include-web.js"></script>
<script type="text/javascript" exclude="iclient-classic" src="../../dist/classic/include-classic.js"></script>
<style type="text/css">body {margin: 0;overflow: hidden;background: #fff;width: 100%;height: 100%}#map {position: absolute;width: 100%;height: 100%;}#toolbar {position: absolute;top: 50px;right: 10px;width: 300px;text-align: center;z-index: 100;border-radius: 4px;}</style>
</head>
<body>
<div id="map"></div>
<script>var map, layer, heatGridLayer, selectGrid, infowin;//定义网格的stylesvar items = [{start: 0,end: 2,style: {strokeColor: "#C69944",strokeWidth: 1,fillColor: "#B8E4B8",fillOpacity: 0.5}},{start: 2,end: 4,style: {strokeColor: "#C69944",strokeWidth: 1,fillColor: "#66dd66",fillOpacity: 0.5}},{start: 4,end: 6,style: {strokeColor: "#C69944",strokeWidth: 1,fillColor: "#00ee00",fillOpacity: 0.5}},{start: 6,end: 8,style: {strokeColor: "#C69944",strokeWidth: 1,fillColor: "#008800",fillOpacity: 0.5}},{start: 8,end: 10,style: {strokeColor: "#C69944",strokeWidth: 1,fillColor: "#df8505",fillOpacity: 0.5}},{start: 10,end: 12,style: {strokeColor: "#C69944",strokeWidth: 1,fillColor: "#CC9933",fillOpacity: 0.5}},{start: 12,end: 16,style: {strokeColor: "#C69944",strokeWidth: 1,fillColor: "#FF0000",fillOpacity: 0.5}}];var host = window.isLocal ? window.server : "https://iserver.supermap.io";var url = host + "/iserver/services/map-world/rest/maps/World";//初始化init();function init() {map = new SuperMap.Map("map", {controls: [new SuperMap.Control.ScaleLine(),new SuperMap.Control.Zoom(),new SuperMap.Control.LayerSwitcher(),new SuperMap.Control.Navigation({dragPanOptions: {enableKinetic: true}})]});map.addControl(new SuperMap.Control.MousePosition());layer = new SuperMap.Layer.TiledDynamicRESTLayer("World", url, {transparent: true,cacheEnabled: true}, {maxResolution: "auto"});//创建热点网格图heatGridLayer = new SuperMap.Layer.HeatGridLayer("heatGrid");layer.events.on({"layerInitialized": addLayer});}//添加图层、注册事件、激活格网选择控件function addLayer() {map.addLayers([layer, heatGridLayer]);map.setCenter(new SuperMap.LonLat(0, 0), 0);// 创建格网选择控件var select = new SuperMap.Control.SelectGrid(heatGridLayer, {callbacks: {//点击feature事件clickFeature: function (f) {closeInfoWin();openInfoWin(f);},clickout: function () {closeInfoWin();}}});map.events.on({"movestart": function () {closeInfoWin();}});map.addControl(select);select.activate();createHeatPoints();}//向服务器发送请求,获取数据function createHeatPoints() {var points = [new SuperMap.Geometry.Point(-180, 90),new SuperMap.Geometry.Point(180, 90),new SuperMap.Geometry.Point(180, -90),new SuperMap.Geometry.Point(-180, -90)],linearRings = new SuperMap.Geometry.LinearRing(points),region = new SuperMap.Geometry.Polygon([linearRings]);var queryParam, queryByGeometryParameters, queryService;//设置查询数据集的查询过滤参数queryParam = new SuperMap.REST.FilterParameter({name: "Capitals@World.1"});//设置 Geometry查询的相关参数queryByGeometryParameters = new SuperMap.REST.QueryByGeometryParameters({queryParams: [queryParam],geometry: region,spatialQueryMode: SuperMap.REST.SpatialQueryMode.INTERSECT});queryService = new SuperMap.REST.QueryByGeometryService(url, {eventListeners: {"processCompleted": processCompleted,"processFailed": processFailed}});queryService.processAsync(queryByGeometryParameters);}function processCompleted(queryEventArgs) {var i, j, result = queryEventArgs.result;var heatFeatures = [];if (result && result.recordsets) {for (i = 0, recordsets = result.recordsets, len = recordsets.length; i < len; i++) {if (recordsets[i].features) {for (j = 0; j < recordsets[i].features.length; j++) {var feature = recordsets[i].features[j];var point = feature.geometry;if (point.CLASS_NAME == SuperMap.Geometry.Point.prototype.CLASS_NAME) {feature.attributes.temperature = parseInt(Math.random() * 45 * 10) / 10;feature.style = {pointRadius: 4,graphic: true,externalGraphic: "images/country.png",graphicWidth: 6,graphicHeight: 6};heatFeatures.push(feature);}}}}}//设置地图在第4级的时候进行格网散开heatGridLayer.spreadZoom = 4;heatGridLayer.items = items;//设置label显示的数据为字段temperature的内容heatGridLayer.dataField = "temperature";heatGridLayer.addFeatures(heatFeatures);}function processFailed(e) {widgets.alert.showAlert(e.error.errorMsg,false);}//弹出信息框function openInfoWin(feature) {var geo = feature.geometry;var bounds = geo.getBounds();var center = bounds.getCenterLonLat();var contentHTML = "<div style='font-size:.8em; opacity: 0.8; overflow-y:hidden;'>";contentHTML += "<div>" + "SmID:" + feature.data.SmID + "<br />" + resources.text_country + feature.data.COUNTRY + "<br />" + resources.text_capital + feature.data.CAPITAL + "</div></div>";var popup = new SuperMap.Popup.FramedCloud("popwin",new SuperMap.LonLat(center.lon, center.lat),null,contentHTML,null,true);feature.popup = popup;infowin = popup;map.addPopup(popup);}//关闭信息框function closeInfoWin() {if (infowin) {try {infowin.hide();infowin.destroy();}catch (e) {}}}</script>
</body>
</html>

应急指挥中心系统的研究与设计相关推荐

  1. Nature:研究人员设计稳定器来改善脑机接口

    目录 本分享为脑机学习者Rose整理发表于公众号:脑机接口社区 .QQ交流群:941473018 导读 神经记录的不稳定性可导致临床脑机接口(BCI)失控.在这里,研究人员展示了低维神经流形(描述神经 ...

  2. 帝国理工学院(IC)研究人员设计了一种可以解决瘫痪的脑机设备

    从飞行员角度拍摄Cybathlon 2016BrainRunners电子游戏的快照. 每个角色对应一个参与比赛的用户.每个障碍物用不同的颜色表示.这种控制是通过解码与每个所需指令相关的不同心理任务来实 ...

  3. linux强实时,强实时性Linux内核的研究与设计

    作 者:王继刚[1,2] 顾国昌[1] 徐立峰[2] 李翌[2] WANG Ji-gang, GU Guo-chang, XU Li-feng, LI Yi (1. Computer Science ...

  4. linux共享内存 pmu,基于ARM的GPS-无源北斗互备PMU研究与设计

    基于ARM的GPS/无源北斗互备PMU研究与设计 摘 要: 介绍了同步相量同步相量测量单元测量单元,在广域测量系统中实现对电力系统各个节点数据的同步采集和相量监测.分析了利用北斗信号的必要性和可能性, ...

  5. 嵌入式睡眠监控报警仪的研究及设计

    嵌入式睡眠监控报警仪的研究及设计 1.引言 正常人的脉搏和心跳是一致的,脉搏的频率受年龄和性别的影响,婴儿每分钟120-140次,幼儿每分钟90-100次,学龄期儿童每分钟80-90次,成 年人每分钟 ...

  6. 基于移动终端的大学生心理健康交互管理系统的研究与设计

    基于移动终端的大学生心理健康交互管理系统的研究与设计 摘要:近年来随着科技的不断发展和进步,移动智能设备逐渐融入到了我们的日常生活中.为了应对大学生在心理健康管理方面的大量需求,提出了一种基于移动端设 ...

  7. 车牌定位系统matlab,基于Matlab的车牌定位系统的研究与设计论文

    基于Matlab的车牌定位系统的研究与设计论文 本 科 毕 业 设 计基于 Matlab的车牌定位系统的研究与设计摘 要随着我国城市急速发展,交通管理成了一个非常热门的话题,由于交通管理需求日益提高, ...

  8. RF-SIM卡的多应用COS研究与设计

    摘   要:随着芯片技术的发展以及运营商之间的业务扩展,手机智能卡将会向多应用平台方向发展.就是在多应用要求下,重点对文件系统.安全机制和双通道通信管理进行研究与设计.最后基于RF-SIM卡设计了一种 ...

  9. 【毕业设计】4-基于单片机的锅炉控制系统的研究与设计(原理图+源代码+仿真工程+答辩论文+答辩PPT)

    [毕业设计]4-基于单片机的锅炉控制系统的研究与设计(原理图+源代码+仿真工程+答辩论文+答辩PPT) 文章目录 [毕业设计]4-基于单片机的锅炉控制系统的研究与设计(原理图+源代码+仿真工程+答辩论 ...

最新文章

  1. 前端小项目之在线便利贴
  2. PHP过滤器 filter_has_var() 函数
  3. C# WINFORM 打包数据库
  4. 应用程序 mysql 连接_学生信息管理系统之四:实现应用程序与数据库的连接
  5. windows mklink创建软连接命令使用示例
  6. IBASE write buffer
  7. python12个基本语法_12-25python基本语法
  8. AutoLayout bug集合
  9. Maven提示:有关可执行jar的所有信息
  10. 移动应用开发——实验四
  11. oracle如何获取自增id,oracle实现自增id
  12. ID3/C4.5/Gini Index
  13. matplotlib——在 Jupyter Notebook中绘制图像时只显示变量信息不显示图片
  14. 脚本化CSS类-HTML5 classList属性
  15. 谈对阿里应用分层的思考
  16. SpreadJS 13.0.0 源代码
  17. java毕业设计物流跟踪系统mybatis+源码+调试部署+系统+数据库+lw
  18. PTF 安装及简单测试 Packet Testing Framework
  19. Android APP升级时解析程序包时出现问题
  20. 卢松松博客模板php版,[Emlog模板]卢松松博客主题

热门文章

  1. JAVA课设作业-实现饭店点菜系统源码
  2. SqlServer数据库DROP TABLE IF EXISTS语句
  3. erlang c erl_interface
  4. C++仿照string类,写一个my_string类并实现相关功能
  5. 利用JS弹出层实现简单的动态提示“正在加载中,请稍等...
  6. RS-422与RS-485传输线上的匹配
  7. vba远程访问服务器,vba实现http远程请求数据
  8. 如果北京是一个产品,有哪些用户体验不好的地方?
  9. Redis 数据类型 Strings 类型详解
  10. 如何在 Chrome 中通过单击右键恢复反向图像搜索