WebGIS城市停水及影响范围可视化实践

目录

前言

一、相关信息介绍

1、停水信息的来源

2、停水包含的相关信息

二、功能简介

1、基础小区的整理

2、停水计划的管理

三、WebGIS空间可视化

1、使用到的组件

2、停水计划的展示

3、影响小区的展示

4、实际效果

四、总结 

前言

        城市停水，一个看似简单的问题，却可能引发一系列连锁反应，给市民的生活带来诸多不便。从家庭用水的中断到商业活动的停滞，再到公共设施的关闭，停水的影响范围广泛而深远。然而，信息的不对称和不透明往往加剧了停水带来的困扰。居民可能在停水发生后才得知情况，缺乏足够的时间做出应对措施，而城市管理者也难以准确评估停水的影响范围和程度。在这样的背景下，GIS（地理信息系统）技术的引入，为解决信息差问题提供了新的希望。

        首先，城市停水的困扰主要体现在以下几个方面：

  1. 生活不便：停水直接影响居民的日常用水，包括烹饪、清洁和个人卫生等基本需求。

  2. 经济影响：商业活动和工业生产依赖稳定的水资源，停水导致经济损失，甚至影响供应链。

  3. 健康风险：长期或频繁的停水可能导致水质下降，增加疾病传播的风险。

  4. 社会秩序：停水可能引发公众的不满和恐慌，影响社会稳定。

  5. 信息不对称：居民和企业往往在停水发生后才得知消息，缺乏准备时间，而管理者也难以及时准确地传达信息。

GIS技术的应用，为解决上述问题提供了新的途径：

  1. 实时监控与预警：GIS可以集成传感器数据，实时监控城市供水管网的状态，一旦发现异常，可以立即向相关部门和居民发出预警。

  2. 影响范围评估：通过GIS的空间分析功能，可以预测停水事件的影响范围，帮助管理者评估影响程度，制定应对措施。

  3. 资源优化分配：GIS可以帮助管理者了解水资源的分布和需求，优化水资源的分配，减少停水对特定区域的影响。

  4. 信息透明化：GIS可以将停水信息和影响评估结果直观地展示给公众，提高信息的透明度，减少恐慌和不满。

  5. 应急响应：GIS可以辅助制定应急供水计划，如确定临时供水点的位置，指导居民获取紧急用水。

  6. 长期规划：GIS可以辅助城市规划者分析供水系统的脆弱性，制定长期改进计划，提高系统的抗风险能力。

        通过GIS技术，我们不仅能够减少城市停水带来的即时困扰，还能够提高城市供水系统的韧性和可持续性。GIS的应用，使得信息传递更加迅速和准确，帮助居民和管理者更好地应对停水事件。此外，GIS还能够促进公众参与，提高公众对水资源管理的认识和参与度，共同构建更加和谐的城市水环境。

        总之，GIS技术为解决城市停水带来的信息差问题提供了强有力的工具。通过GIS，我们可以看到，尽管城市停水是一个复杂且具有挑战性的问题，但通过科技的力量，我们有希望将其带来的困扰降到最低，同时也为城市的可持续发展提供了新的思路和方法。

        本文即在此背景下产生，文章重点讲解如何将城市计划性停水信息和GIS空间知识进行融合。首先讲解城市计划性停水主要包含哪些知识，然后如何介绍管理一些基础知识，包括居民区的范围等。最后将以一个实例的方式介绍如何基于Leaflet来进行WebGIS的可视化展示。如果您也对本文涉及的领域感兴趣，不妨来这里看看。

一、相关信息介绍

        水是日常生活的基础资源，它是我们日常的物质生活中的重要组成部门。生活做饭需要水，洗衣服要用水，做饭需要用水，洗脸等需要水。试想一下，如果我们生活的小区停水后，是不是发生了许多的不便，我们需要去取水点统一打水。针对有时候的爆管或者是常规的维护，可能也会对用水安全产生一定的影响。虽然一些市政平台上会发出一些广告措施，但很多人还是由于信息的不对称，没有及时的掌握相关信息。这里我们首先来看一下一般的停水信息包含什么。

1、停水信息的来源

        为了避免停水给老百姓带来的生活困扰，可以让可能停水的区域进行提前存储水，将对生活的影响降到最低。通常生活所在地的水司，比如自来水公司等供水企业都会提前发布信息。这类信息通常称之为“计划性停水”。比如线路改造、官网冲洗等等。这里可以来看看，一般本地的供水企业如何来进行消息的发布。这里以长沙市为例，我们可以收到有计划性停水的信息来源可有以下几个地方。

        红网：是的，大家没有没有，大家可以在红网来看到转发的当地水司的停水信息。在某度或者某条的新闻媒体中查询到。

        这其中就包括了停水的相关重要信息，比如相关的小区、停水的起止时间（一般精确到小时）、重点影响的范围等等。

         水司官网：通常在供水的水司官网都可以看到公布的信息，因此大家可以在其网站上找到权威的信息。如下图所示：

        这里的计划性停水以“星城”长沙为例，在水司的官方网站上有明确的停水信息，这里摘录如下： 

为配合市政管网配套设施建设，我司将于2024年12月15日22:00至12月16日8:00进行山月路给水工程停水接驳工作，届时福元路(东二环-万家丽路)北侧将停水（重点影响单位及用户：富兴旺角、美丽新世界、学府华庭、保利和光尘樾、悦湖山等）；邻近地区水压将减小。在恢复供水后，部分高远程区域以及二次供水泵房的楼栋，有可能延迟来水时间，请用户做好储水准备。提前通水，将不另行通知。供水客服热线96533为您提供全天候贴心服务！

2、停水包含的相关信息

        在介绍了相关的停水信息源之后，下面我们来分析一下在上面的计划性停水中都包含着于我们老百姓息息相关的信息。这里结合思维导图来进行详细的说明。

        可以在前面分享的停水信息中很直观的看到，供水企业发布的停水信息中包含的主要信息如上图的思维导图所示。包含的主要信息有： 停水原因、停水时间、停水大致范围、重点小区、公共附属信息。停水时间是一个很重要的时间维度的信息，而重点小区则是空间维度的信息。其它的信息都属于附加的信息。而作为一名空间技术的应用者，我们不难发现，这个空间维度信息其实可以用AOI或者POI的方式进行解决。因此如何基于AOI或者POI来解决上述的信息提示的困难问题，如何帮助我们的企业用户快速的进行信息的发布，而用水的使用者则可以快速的知道停水信息，从而更加合理的规划用水时间和是否需要储存水的评估。

二、功能简介

        为了实现上述的供水企业停水范围的可视化，首先我们汇总管理两个重要的数据，第一个我们的停水信息，主要包括停水原因及停水的计划起止时间。第二个数据是涉及的小区信息，对于小区信息可以是AOI数据，也可以是POI数据，根据需求是否需要满足精准查询，如果是AOI可以最好。当然，这些AOI数据需要进行动态管理，比如城市更新后，新建了小区，我们需要及时在系统中进行登记小区信息。这里对涉及的相关数据进行统一管理。

1、基础小区的整理

        对于供水企业，如果能拿到用水城市的的小区的范围数据就比较好，如果实在获取不到，也可以从互联网上下载POI数据，当前在高德或者百度地图也是有对应的AOI数据获取，为了简单，大家可以从官方获取相关的数据。

        大家可以将这些数据进行保存到空间数据库中，当然这是一件比较费时的工作，在刚开始的时候，由于缺乏基础数据从而导致数据效果不是很好。当我们把这些小区的AOI数据采集到空间数据库后，就形成整个城市的小区数据基础。而且这个库需要在后续定期更新也是一项重点的工作，只有跟城市的发展同步，才能在运用数据时得心应手，不会出现数据不准确的情况。在实际的工作过程当中，主要有以下三种情况需要考虑。第一种就是随着城市的发展，新建了一些小区，这种处理比较简单，只需要将数据及时采集入库即可。第二种是城市发展过程中，小区的名字变更或者小区范围的变更，这种数据也需要关注，此时需要把小区的名称或者空间范围进行及时更新才行。空间数据的更新可以重新导入数据或者将小区删掉后重新加入。第三种就是由于拆迁等情况，原来的小区在后续的供水中会进行删除，针对这种情况，为了保留原来的信息完整，我们可以设置一个使用的标记状态，这样就可以既能关联到原来的历史信息，又能不影响未来的业务开展。

2、停水计划的管理

        之前的内容中讲过，针对水司而言，我们可以在做停水计划的时候，就把相关联的小区信息进行关联，而如果是第三方信息，我们可以基于自然语言来进行信息的提取，然后将匹配的小区与空间库中的空间数据进行匹配，进而可以满足我们的影响小区的查询。通常停水都是一定时间段的，也不能是长时间的，因此我们的停水时间一定是较短的时间。有了这两方面的数据管理之后，我们就可以进行WebGIS应用的设计与实现了。

三、WebGIS空间可视化

        这里假设已经有了停水计划的信息梳理，也包含了停水影响范围内的小区信息。这里以Leaflet为例，重点讲述如何把停水计划和小区AOI信息在地图上展示出来。展望未来，我们可以基于用户的位置来自动判断当前是否有停水计划，同时也可以查询距离当前位置最近的停水小区。持续的停水时间等等，通过公众号、小程序、手机短信等电子通信手段来进行通知，通过一些可控的信息来减少信息差，提高用水用户的满意度。本节重点介绍如何在Leaflet中展示这些信息。

1、使用到的组件

        在正式介绍系统功能之前，我们来介绍一下这个功能需要用到的前端组件。

序号组件名称作用
1leaflet地图渲染组件
2leaflet-sidebar侧边栏展示组件
3jquery.jsDOM操作组件

2、停水计划的展示

        首先需要对停水计划的主要信息进行信息，这里我们采用居右展示的侧边栏来展示，实际项目中需要替换成实际的内容，这里以静态内容为示例。

<div class="center-flex">城市停水及影响范围可视化
</div>
<div id="sidebar" class="sidebar collapsed"><!-- Nav tabs --><div class="sidebar-tabs"><ul role="tablist"><li><a href="#home" role="tab" id="xz_info"><i class="fa fa-bars"></i></a></li></ul></div><!-- Tab panes --><div class="sidebar-content"><div class="sidebar-pane" id="home"><h1 class="sidebar-header">停水计划列表<span class="sidebar-close"><i class="fa fa-caret-right"></i></span></h1><p style="font-size:16px;color:#ff5200;">一、计划停水信息 &nbsp; </p><p style="font-size:16px;color:#ff5200;">停水原因：【幸福区】大型施工停水 &nbsp; </p><p style="font-size:16px;color:#ff5200;">开始时间：2024年12月15日22:00 &nbsp;</button></p><p style="font-size:16px;color:#ff5200;">结束时间：2024年12月16日08:00 &nbsp; </p><hr/><p style="font-size:16px;color:#002bff;">二、重点影响单位及用户&nbsp;: </p><p id = "lineDetails" style="padding-left: 5px;"></p></div></div>
</div>

3、影响小区的展示

        受影响小区我们采用边界展示以及DivIcon的方式进行展示，边界擦用Polygon的形式展示。关键的代码如下所示：

function loadRange(){showLayerGroup.clearLayers();var line1 = new Array();$("#lineDetails").html("");var detailsInfo = "";for(var i = 0;i < effectData.length;i++){var tempData = convertStr2DataArrayTrans(effectData[i].geo_shape);var name = effectData[i].name;L.marker([tempData[0][0], tempData[0][1]], {icon: L.divIcon({iconSize: null,className: '',popupAnchor:[5,5],shadowAnchor:[5,5],html: "<div class='marsBlackPanel'  animation-spaceInDown style='background:"+effectData[i].color+"'>"+"<div class='marsBlackPanel-text' style=''>【"+ name + "】/"+effectData[i].title+"</div>"+"<div class='marsBlackPanel-text' style=''>电话:"+effectData[i].tel+"</div>"+"</div>"})}).addTo(showLayerGroup);detailsInfo += "<span style='font-size:16px;color:#002bff;'>"+ (i + 1) + "、【"+name + "】/"+ effectData[i].title + "<br/></span>";$("#lineDetails").html(detailsInfo);L.polygon([tempData],style).addTo(showLayerGroup).bindPopup(name);}mymap.addLayer(showLayerGroup);mymap.setView(showLayerGroup.getBounds().getCenter(),16);// 设置地图的中心位置
}

4、实际效果

        下面来看一下实际的展示效果：

        在上图中，首先在侧边栏中展示了停水的主要信息，以及重点影响单位及用户信息。这里的信息还只是文字的。 主体的地图界面中，我们展示了具体的4个受影响的小区信息。

        将受影响小区边界信息在地图上展示之后，可以发现其外围基本是按照道路来展示合围信息的。地图的底图是采用天地图来进行展示的，数据与地图贴合良好。基本满足我们的项目需要。

四、总结 

        以上就是本文的主要内容，文章重点讲解如何将城市计划性停水信息和GIS空间知识进行融合。首先讲解城市计划性停水主要包含哪些知识，然后如何介绍管理一些基础知识，包括居民区的范围等。最后将以一个实例的方式介绍如何基于Leaflet来进行WebGIS的可视化展示。行文仓促，难免有许多不足之处，如有不足在此恳请各位专家和朋友在评论区留言指正，不胜感激。

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.rhkb.cn/news/492198.html

如若内容造成侵权/违法违规/事实不符，请联系长河编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

群落生态学研究进展】Hmsc包开展单物种和多物种分析的技术细节及Hmsc包的实际应用

群落生态学研究进展】Hmsc包开展单物种和多物种分析的技术细节及Hmsc包的实际应用

联合物种分布模型&#xff08;Joint Species Distribution Modelling&#xff0c;JSDM&#xff09;在生态学领域&#xff0c;特别是群落生态学中发展最为迅速&#xff0c;它在分析和解读群落生态数据的革命性和独特视角使其受到广大国内外学者的关注。在学界不同研究团队研发出…
阅读更多...
docker 部署 redis

docker 部署 redis

docker 部署 redis 1. 下载 redis 镜像 # docker images | grep redis bitnami/redis 7.2.4-debian-11-r5 45de196aef7e 10 months ago 95.2MB2. docker-compose 部署 version: "3" services:redis:image: bitnami/redis:7.2.4-debian-11-…
阅读更多...
Windows环境 (Ubuntu 24.04.1 LTS ) 国内镜像，用apt-get命令安装RabbitMQ，java代码样例

Windows环境 (Ubuntu 24.04.1 LTS ) 国内镜像，用apt-get命令安装RabbitMQ，java代码样例

一、环境 Windows11 WSL(Ubuntu 24.04.1) 二、思路 1 用Windows中的Ubuntu安装RabbitMQ&#xff0c;贴近Linux的线上环境&#xff1b; 2 RabbitMQ用erlang语言编写的&#xff0c;先安装erlang的运行环境&#xff1b; 2 用Linux的apt-get命令安装&#xff0c;解决软件依赖…
阅读更多...
Linux网络应用——高级IO

Linux网络应用——高级IO

目录 1. I/O 的重新理解 2. 五种 I/O 模型 ① 阻塞 && 非阻塞 ② 同步 I/O && 异步 I/O 3. select 模型 ① 非阻塞 I/O ② select 接口介绍 ③ 代码实现 ④ select 模型的优缺点 4. poll 模型 ① poll 接口介绍 ② 代码实现 ③ 与 select 模型的…
阅读更多...
Dcoker Redis哨兵模式集群介绍与搭建 故障转移 分布式 Java客户端连接

Dcoker Redis哨兵模式集群介绍与搭建 故障转移 分布式 Java客户端连接

介绍 Redis 哨兵模式&#xff08;Sentinel&#xff09;是 Redis 集群的高可用解决方案&#xff0c;它主要用于监控 Redis 主从复制架构中的主节点和从节点的状态&#xff0c;并提供故障转移和通知功能。通过 Redis 哨兵模式&#xff0c;可以保证 Redis 服务的高可用性和自动故…
阅读更多...
使用 Wireshark 和 Lua 脚本解析通讯报文

使用 Wireshark 和 Lua 脚本解析通讯报文

在复杂的网络环境中&#xff0c;Wireshark 凭借其强大的捕获和显示功能&#xff0c;成为协议分析不可或缺的工具。然而&#xff0c;面对众多未被内置支持的协议或需要扩展解析的场景&#xff0c;Lua 脚本的引入为Wireshark 提供了极大的灵活性和可扩展性。本文将详细介绍如何使…
阅读更多...
宝塔SSL证书申请失败，报错：申请SSL证书错误 module ‘OpenSSL.crypto‘ has no attribute ‘sign‘（已解决）

宝塔SSL证书申请失败，报错：申请SSL证书错误 module ‘OpenSSL.crypto‘ has no attribute ‘sign‘（已解决）

刚安装宝塔申请SSL就报错&#xff1a;申请SSL证书错误 module OpenSSL.crypto has no attribute sign 面板、插件版本&#xff1a;9.2.0 系统版本&#xff1a;Alibaba Cloud Linux 3.2104 LTS 问题&#xff1a;申请SSL证书错误 module OpenSSL.crypto has no attribute sign…
阅读更多...
自动驾驶控制与规划——Project 2: 车辆横向控制

自动驾驶控制与规划——Project 2: 车辆横向控制

目录 零、任务介绍一、环境配置二、算法三、代码实现四、效果展示 零、任务介绍 补全src/ros-bridge/carla_shenlan_projects/carla_shenlan_stanley_pid_controller/src/stanley_controller.cpp中的TODO部分。 一、环境配置 上一次作业中没有配置docker使用gpu&#xff0c;…
阅读更多...
双内核架构 Xenomai 4 安装教程

双内核架构 Xenomai 4 安装教程

Xenomai 4是一种双内核架构, 继承了Xenomai系列的特点&#xff0c;通过在Linux内核中嵌入一个辅助核心&#xff08;companion core&#xff09;&#xff0c;来提供实时能力。这个辅助核心专门处理那些需要极低且有界响应时间的任务。 本文将在官网教程(https://evlproject.org/…
阅读更多...
MySQL学习之DML操作

MySQL学习之DML操作

目录 插入 删除 修改 数据库事务 事务的特征&#xff08;ACID原则&#xff09; 原子性 一致性 隔离性 持久性 事务隔离级别 读未提交 读已提交 可重复读 序列化 脏读 虚读 幻读 插入 insert into 表名 values(); 要求插入数据的数量&#xff0c;类型要和定义…
阅读更多...
clearvoice 语音降噪、语音分离库

clearvoice 语音降噪、语音分离库

参看： https://github.com/modelscope/ClearerVoice-Studio/tree/main ClearVoice 提供了一个统一的推理平台，用于语音增强、语音分离以及视听目标说话人提取。 代码参看： https://github.com/modelscope/ClearerVoice-Studio/tree/main/clearvoice https://github.com/mode…
阅读更多...
linux打包qt程序

linux打包qt程序

Linux下Qt程序打包_linuxdeployqt下载-CSDN博客 Linux/Ubuntu arm64下使用linuxdeployqt打包Qt程序_linuxdeployqt arm-CSDN博客 本篇文章的系统环境是 : 虚拟机ubuntu18.04 用下面这个qmake路径 进行编译 在 ~/.bashrc 文件末尾&#xff0c;qmake目录配置到文件末尾 将上图中…
阅读更多...
qt-C++笔记之自定义类继承自 `QObject` 与 `QWidget` 及开发方式详解

qt-C++笔记之自定义类继承自 `QObject` 与 `QWidget` 及开发方式详解

qt-C笔记之自定义类继承自 QObject 与 QWidget 及开发方式详解 code review! 参考笔记 1.qt-C笔记之父类窗口、父类控件、对象树的关系 2.qt-C笔记之继承自 QWidget和继承自QObject 并通过 getWidget() 显示窗口或控件时的区别和原理 3.qt-C笔记之自定义类继承自 QObject 与 QW…
阅读更多...
教师工作量管理系统

教师工作量管理系统

源代码地址&#xff1a;31、教师工作量管理系统 目录 1系统概述 1.1 研究背景 1.2研究目的 1.3系统设计思想 2相关技术 2.1 MYSQL数据库 2.2 B/S结构 2.3 Spring Boot框架简介 3系统分析 3.1可行性分析 3.1.1技术可行性 3.1.2经济可行性 3.1.3操作可行性 3.2系统性…
阅读更多...
LiveData源码研究

LiveData源码研究

LiveData 源码分析 前言 用过MVVM的大概知道LiveData可以感知组件的生命周期&#xff0c;当页面活跃时&#xff0c;更新页面数据&#xff0c; 当页面处于非活跃状态&#xff0c;它又会暂停更新&#xff0c;还能自动注册和注销观测者&#xff0c;能有效避免内存泄漏和不必要的…
阅读更多...
vscode+msys2+clang+xmake c++开发环境搭建

vscode+msys2+clang+xmake c++开发环境搭建

转载请标明出处&#xff1a;小帆的帆的专栏 安装msys2 下载msys2安装包&#xff1a;清华源下载地址安装msys2&#xff1a;安装目录&#xff0c;C:\Softwares\msys64 安装cling工具链&#xff0c;xmake &#xff01;&#xff01;&#xff01;在开始菜单中启动MSYS2 CLANG64,…
阅读更多...
VMware ubuntu16.04怎么设置静态IP联网

VMware ubuntu16.04怎么设置静态IP联网

1.将VMware桥接到当前电脑使用的网络上面&#xff1b; 2.点击网络符号&#xff0c;编辑连接&#xff1b; 3.双击有线连接1&#xff1b; 4.选择IPv4设置&#xff0c;将地址&#xff0c;子网掩码&#xff0c;网关&#xff0c;DNS服务器设置好&#xff0c;保存&#xff1b; 5.在终…
阅读更多...
金蝶云苍穹踩过的坑（慢慢更新）

金蝶云苍穹踩过的坑（慢慢更新）

IDEA不能用最新版&#xff0c;不然搜不到金蝶的插件。 我用的是2024.1.7/2023.1.7 IDEA里增加金蝶插件库的地址也变了&#xff0c;现在是 https://tool.kingdee.com/kddt/idea-updatePlugins.xml 金蝶云苍穹部署在服务器 MAC本地IDEA调试的时候&#xff0c;登录N次能成功一次…
阅读更多...
【人工智能学习之HDGCN训练自己的数据集】

【人工智能学习之HDGCN训练自己的数据集】

【人工智能学习之HDGCN训练自己的数据集】 HD-GCN准备事项项目代码开源数据集第一行&#xff1a;帧数第二行&#xff1a;body数第三行&#xff1a;关节附加信息第四行&#xff1a;关节数5-29行&#xff1a;每个关节的数据之后的帧总结&#xff1a; 自定义2D数据集模型移植与修改…
阅读更多...
Trimble天宝三维激光扫描仪在建筑工程竣工测量中的应用【沪敖3D】

Trimble天宝三维激光扫描仪在建筑工程竣工测量中的应用【沪敖3D】

竣工测量是建筑项目竣工阶段的一个至关重要的环节&#xff0c;它为建筑工程的质量验收和成果核查提供了核心的参考依据。传统的竣工测量方法&#xff0c;如全站仪测量&#xff0c;主要依赖于现场人工操作&#xff0c;存在一些明显的局限性&#xff0c;例如作业时间长、工作量大…
阅读更多...
最新文章
推荐文章

Copyright @ 2022~2023