WebGIS视角:体感温度实证,哪座“火炉”火力全开?

WebGIS视角:体感温度实证,哪座“火炉”火力全开?

目录

前言

一、火炉城市空间分布及特点

1、空间分布

2、气候特点

二、数据来源及技术实现

1、数据来源介绍

2、技术路线简介

三、WebGIS系统实现

1、后端设计与实现

2、前端程序实现

四、成果展示

1、整体展示

2、蒸烤模式城市

3、舒适城市

五、总结


前言

        “火炉城市”是中国对夏季天气酷热的城市的夸张称呼。这一说法最早出现在民国时期,当时媒体有“三大火炉”之说,即重庆、武汉和南京,都是长江沿线的著名大城市,分别居于长江的上、中、下游,因夏季气温炎热,被媒体夸张地称为“火炉”。新中国成立后,又有了“四大火炉”之说,这有几种城市组合,多指长江流域的几个城市。第一种组合是武汉、南京、重庆、南昌;第二种组合是武汉、南京、重庆、长沙。

        随着时间的推移,火炉城市的名单也在发生变化。2017年,中国气象局国家气候中心发布榜单,通过综合分析中国省会城市和直辖市的气象资料,首次向公众权威公布中国夏季炎热城市情况。综合分析的结果是,夏季炎热程度靠前的10个省会城市或直辖市分别为:重庆、福州、杭州、南昌、长沙、武汉、西安、南京、合肥、南宁。其中,排在前列的重庆、福州、杭州、南昌四个城市被不少网民冠名为“新四大火炉”,武汉退出前四,位居第六。如下图所示:

        通过WebGIS技术进行体感温度的实证分析,可以实现对火炉城市“火力”的精细化评估。这种分析不仅可以帮助城市管理者更好地了解城市热环境的现状,为城市规划和公共设施布局提供科学依据,还可以为居民提供更准确的天气信息,帮助他们合理安排户外活动,减少高温天气对健康的影响。此外,体感温度的实证分析还可以为气候变化研究提供数据支持。在WebGIS技术的助力下,通过整合多源数据,实现对火炉城市“火力”的动态监测和精细化评估,不仅可以提高城市居民的生活质量,还可以为城市的可持续发展提供有力保障。本文将从WebGIS技术背景出发,结合火炉城市的相关知识,探讨如何通过体感温度的综合,揭示各火炉城市的“火力”现状。  

一、火炉城市空间分布及特点

        本节将简单介绍一下关于火炉城市的空间分布及其特点,不知道看文章的朋友是否就在这些城市当中呢?欢迎在评论区留言交流。

1、空间分布

        长江流域的集中分布

        传统火炉城市大多集中在长江流域,包括重庆、武汉、南京等。这些城市共同的地理特征是位于河谷、盆地地带,地形闭塞,四周被高山环绕,地势低洼,热空气不容易扩散,形成了“天然蒸笼”。例如:

  • 重庆:地处四川盆地,四周被大巴山、巫山、武陵山、大娄山等山脉环绕,地形封闭,夏季热量难以散发。
  • 武汉:位于长江中游的江汉平原,地势平坦,河湖众多,水汽蒸发加剧湿度,形成“蒸笼模式”。
  • 南京:地处长江下游,夏季受副热带高压控制,气温居高不下,且城市绿化较好,近年来高温天气有所缓解。

        河谷与盆地地形

        城市大多位于河谷或盆地地带,地形不利于热量的散发,导致高温天气持续时间长。例如:

  • 重庆:位于四川盆地,海拔较低,四周群山环绕,热空气难以扩散。
  • 南昌:位于鄱阳湖平原,三面环山,北临鄱阳湖,空气流动性差,夏季高温天数多。
  • 长沙:位于湘江流域,夏季湿度大,高温天气频繁,且受焚风效应影响,进一步加剧炎热。

        从流域分布来看,这些城市大多都是沿着长江流域分布,黄河流域只有西安一个城市,珠三角水系有南宁这个城市。

2、气候特点

        火炉城市具有以下共同特点:

  1. 高温天气:夏季高温持续时间较长,气温普遍超过35℃,最高气温甚至可达40℃以上。
  2. 潮湿天气:这些城市夏季湿度较大,空气潮湿,使得高温天气更加难以忍受。
  3. 热浪袭击:夏季,火炉城市常常出现热浪袭击,持续时间长,影响范围广。

        城市热岛效应

        随着城市化进程的加快,城市热岛效应也成为火炉城市高温天气的重要因素。例如:

  • 武汉:城市建筑密集,热岛效应显著,夏季城区温度比郊区高3-5℃。
  • 南昌:城市热岛效应明显,夏季夜间温度常居30℃以上。
  • 南京:通过增加城市绿道与湿地,体感温度有所下降。

        地理位置与季风影响

        这些城市大多位于亚热带季风气候区,夏季受副热带高压控制,气温高,湿度大。例如:

  • 重庆:夏季受副热带高压影响,气温上升,且冷空气难以翻越秦岭大巴山,台风也很难影响到重庆。
  • 武汉:夏季受副热带高压控制,气温高,湿度大,且河湖蒸发加剧湿度。
  • 南京:夏季受副热带高压控制,气温高,湿度大,但近年来通过城市绿化等措施,高温天气有所缓解。

        以博主生活工作的城市长沙为例,就是一个酷暑难耐的城市,加上城市的湿度大,体感真的跟蒸桑拿差不多。

二、数据来源及技术实现

        本节将介绍火炉城市展示时的天气数据来源和具体的技术路线。

1、数据来源介绍

        本博客使用的数据主要分为两类,第一类是空间数据,包括城市空间信息和城市所在经纬度信息。第二类是天气信息。详细见以下表格:

序号数据说明
1城市区域范围表,biz_city导入的国家地级市区域范围,Polygon面数据
2城市点位信息表,biz_geographic_name导入的城市地名位置信息表,Point点数据
3城市天气信息表百度实时天气接口,webAPI获取,数据时点:2025年8月30日13:00左右

        根据之前的火炉城市介绍,我们将城市名称和城市的行政区划代码整理如下,这个表格是后面工作开展的基础。

序号行政区划代码城市名称
1360100南昌市
2500000重庆市
3330100杭州市
4320100南京市
5420100武汉市
6340100合肥市
7350100福州市
8450100南宁市
9430100长沙市
10610100西安市

2、技术路线简介

        以上是简化的技术路线介绍,首先需要获取百度地图的天气接口,将实时天气信息缓存到本地,然后使用空间查询服务将城市区域信息和城市点位信息和天气信息进行时空关联检索,最后将检索数据进行渲染输出,叠加到WebGIS组件中,完成一个整体的从数据获取到关联和输出的过程。关于如何获取百度地图的天气信息和本次存储的落地,欢迎大家查看之前的系列文章GSON 框架下百度天气 JSON 数据转 JavaBean 的实战攻略基于 MybatisPlus 将百度天气数据存储至 PostgreSQL 数据库的实践,这里不再赘述。

三、WebGIS系统实现

        本节重点从前后端来进行火炉城市的WebGIS系统实现,详细讲解空间关联查询的具体实现等知识。

1、后端设计与实现

        与之前介绍过的省域区县天气查询的服务类似,这里我们依然需要关联天气实时信息和城市的行政区划范围和点位信息。关联查询的Mapper实现如下:

package com.yelang.project.meteorology.mapper; import java.util.List; import org.apache.ibatis.annotations.Param; import org.apache.ibatis.annotations.Select; import com.baomidou.mybatisplus.core.mapper.BaseMapper; import com.yelang.project.meteorology.domain.AreaWeatherVO; import com.yelang.project.meteorology.domain.WeatherNow; public interface WeatherNowMapper extends BaseMapper<WeatherNow>{ final static String GET_THREEFURNACES_INFO = "<script>" + " SELECT t2.*,T.province_code,T.province_name,T.city_code,T.city_name, " + " st_asgeojson ( T.geom ) geomJson,st_x ( t1.geom ) lon,st_y ( t1.geom ) lat " + " FROM biz_weather_now t2,biz_city T,biz_geographic_name t1 " + " WHERE to_char( t2.uptime, 'YYYY-MM-DD' ) = #{day} " + " AND t2.location_code in ('350100','330100','360100','430100','420100','610100','320100','340100','450100','500000') " + " AND T.city_name = t1.NAME AND T.city_code = t2.location_code ORDER BY t2.feels_like desc " + "</script>"; /** * - 根据指定日期查询火炉城市天气信息列表 * @param day 日期信息 * @return */ @Select(GET_THREEFURNACES_INFO) List<AreaWeatherVO> getThreeFurnacesInfo(@Param("day") String day); }

        这里为了方便将上面的城市行政区划代码直接作为已知条件拼接到SQL语句当中了,这里仅仅为了方便演示,实际项目中,为了实现更大的通用性,建议将SQL提取出来,通过参数的形式传进去,这样的通用性和扩展性会更高。在控制层中传入统一时点,即2025年8月30日来调用上面的数据查询层,关键代码如下:

package com.yelang.project.meteorology.controller; import java.util.List; import org.apache.shiro.authz.annotation.RequiresPermissions; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.GetMapping; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.bind.annotation.ResponseBody; import com.yelang.framework.web.controller.BaseController; import com.yelang.framework.web.domain.AjaxResult; import com.yelang.project.meteorology.domain.AreaWeatherVO; import com.yelang.project.meteorology.service.IWeatherNowService; @Controller @RequestMapping("/met/threefurnaces/weather") public class ThreeFurnacesController extends BaseController{ private String prefix = "meteorology/weather"; @Autowired private IWeatherNowService weatherNowService; @RequiresPermissions("met:threefurnaces:weather:map") @GetMapping("/index") public String index(){ return prefix + "/threefurnacesmap"; } @RequiresPermissions("met:threefurnaces:weather:list") @GetMapping("/list") @ResponseBody public AjaxResult list(){ String day = "2025-08-30"; List<AreaWeatherVO> dataList = weatherNowService.getThreeFurnacesInfo(day); return AjaxResult.success().put("data", dataList); } }

2、前端程序实现

        前端采用Leaflet组件来进行WebGIS数据展示,需要展示的数据包括行政区划范围、城市点位以及体感温度数据,将温度信息叠加在空间范围和点位进行绑定,展示的代码如下:

function previewWeather(pid,provinceCode,name){ $.ajax({ type:"get", url:ctx + "/met/threefurnaces/weather/list", data:{}, dataType:"json", cache:false, processData:false, success:function(result){ if(result.code == web_status.SUCCESS){ collisionLayer.clearLayers(); var dataArray = result.data; if(dataArray != null && dataArray.length > 1){ var legendData = new Array(); for(var i = 0;i< dataArray.length;i++){ var areaData = dataArray[i]; var color = makeColor(areaData.feelsLike,-20,45,DIY_BLUE_GREEN_YELLOW_RED_SCHEME); var areaLayer = L.geoJSON(JSON.parse(areaData.geomJson),{style: {color:color,fillColor:color,weight:3,"opacity":0.65, fillOpacity: 0.65 }}).addTo(mymap); var myIcon = L.divIcon({ iconSize: null, className: '', popupAnchor:[5,5], shadowAnchor:[5,5], html: buildShowInfo(i,color,areaData) }); showLayerGroup.addLayer(areaLayer); //中心点位 L.marker([areaData.lat, areaData.lon], { icon: myIcon}).addTo(collisionLayer); } collisionLayer.addTo(showLayerGroup); } } }, error:function(){ $.modal.alertWarning("获取空间信息失败"); } }); }

        使用以上的代码即可完成后端的数据检索生成以及将数据成果渲染到前端WebGIS组件中。下面我们来看看整体的效果。

四、成果展示

        经过前面几个步骤,我们基本完成了数据来源和技术路线介绍,详细的介绍了WebGIS系统设计与实现,包括的前后端的具体实现。接下来结合WebGIS来看看这10个火炉城市到底哪些在慢慢熄火,哪些在持续发威。

1、整体展示

        从空间分布来看,这10个城市中,基本是位于我国东南部,长江流域中下游的城市。而体感最热的像杭州、南京、南京等,均到38度左右,长沙紧随其后37度,武汉和福州35度,南京32度。重庆和西安体感温度算舒适的,尤其是西安,都到了21度了,有秋天的感觉了。

2、蒸烤模式城市

        时间到了8月30日,还处在蒸笼模式的城市主要是这几个:杭州38度、南京38度、南昌38度,长沙37度,还记得以前从武汉汉口火车站转火车去上海的岁月,在汉口火车站里,确实是蒸笼的炙烤。经济最火热的长三角,天气也是一样的高燃。

3、舒适城市

        可能是纬度的缘故,也或许是时令的变化,重庆市和西安竟然意外的凉快,体感温度居然都是30度一下,西安甚至来到了20度左右,体感是非常舒适了,慢慢有了秋天的感觉。

五、总结

        以上就是本文的主要内容,本文通过WebGIS技术进行体感温度的实证分析,可以实现对火炉城市“火力”的精细化评估。这种分析不仅可以帮助城市管理者更好地了解城市热环境的现状,为城市规划和公共设施布局提供科学依据,还可以为居民提供更准确的天气信息,帮助他们合理安排户外活动,减少高温天气对健康的影响。此外,体感温度的实证分析还可以为气候变化研究提供数据支持。在WebGIS技术的助力下,通过整合多源数据,实现对火炉城市“火力”的动态监测和精细化评估,不仅可以提高城市居民的生活质量,还可以为城市的可持续发展提供有力保障。

        通过百度提供的天气接口,我们可以对传统的火炉城市的实时气温进行综合评估,通过实例可以看到,时间到了8月30日,我们的长三角地区的城市依然享受太阳的温暖怀抱,而西北和重庆则相对迎来凉爽的天气。行文仓促,受限于博主的知识量和才学,也受限于天气数据采样的时间点,对于体感温度的火炉发威信息进行了一个简单的比较,如有不准,在此恳请各位专家博主在评论区留言指出,十分感谢。

Read more

前端实现B站视频画中画功能 - 完整代码实现主页面和小窗同步视频控制功能

前端实现B站视频画中画功能 - 完整代码实现主页面和小窗同步视频控制功能

🌷 古之立大事者,不惟有超世之才,亦必有坚忍不拔之志 🎐 个人CSND主页——Micro麦可乐的博客 🐥《Docker实操教程》专栏以最新的Centos版本为基础进行Docker实操教程,入门到实战 🌺《RabbitMQ》专栏19年编写主要介绍使用JAVA开发RabbitMQ的系列教程,从基础知识到项目实战 🌸《设计模式》专栏以实际的生活场景为案例进行讲解,让大家对设计模式有一个更清晰的理解 🌛《开源项目》本专栏主要介绍目前热门的开源项目,带大家快速了解并轻松上手使用 🍎 《前端技术》专栏以实战为主介绍日常开发中前端应用的一些功能以及技巧,均附有完整的代码示例 ✨《开发技巧》本专栏包含了各种系统的设计原理以及注意事项,并分享一些日常开发的功能小技巧 💕《Jenkins实战》专栏主要介绍Jenkins+Docker的实战教程,让你快速掌握项目CI/CD,是2024年最新的实战教程 🌞《Spring Boot》专栏主要介绍我们日常工作项目中经常应用到的功能以及技巧,代码样例完整 👍《Spring Security》专栏中我们将逐步深入Spring Security的各个

搭建一个基于Django框架的WebApi项目

搭建一个基于Django框架的WebApi项目

让我们一起走向未来 🎓作者简介:全栈领域优质创作者 🌐个人主页:百锦再@新空间代码工作室 📞工作室:新空间代码工作室(提供各种软件服务) 💌个人邮箱:[[email protected]] 📱个人微信:15045666310 🌐网站:https://meihua150.cn/ 💡座右铭:坚持自己的坚持,不要迷失自己!要快乐 目录 * 让我们一起走向未来 * 一、创建Django项目 * 二、安装相关依赖 * 三、配置MySQL数据库 * 四、配置Redis缓存 * 五、配置JWT中间件 * 六、配置Swagger接口文档 * 七、创建示例API * 八、总结 一、创建Django项目 首先,确保你的环境中已安装Django。如果没有,可以通过以下命令安装: pip install django

前端团队协作最佳实践:让团队效率飞起来

前端团队协作最佳实践:让团队效率飞起来 毒舌时刻 团队协作?听起来就像是前端工程师为了显得自己很专业而特意搞的一套复杂流程。你以为随便开几个会就能提高团队效率?别做梦了!到时候你会发现,会议时间比开发时间还多,团队效率反而下降了。 你以为使用Git就能解决所有协作问题?别天真了!Git的冲突解决能让你崩溃,分支管理能让你晕头转向。还有那些所谓的协作工具,看起来高大上,用起来却各种问题。 为什么你需要这个 1. 提高开发效率:良好的团队协作可以减少沟通成本,提高开发效率。 2. 减少错误:团队协作可以帮助你发现和修复代码中的错误,减少生产环境中的问题。 3. 知识共享:团队协作可以促进知识共享,提高团队整体水平。 4. 项目管理:良好的团队协作可以帮助你更好地管理项目,确保项目按时完成。 5. 团队凝聚力:良好的团队协作可以增强团队凝聚力,提高团队成员的工作积极性。 反面教材 // 1. 代码冲突 // 开发者A修改了文件 function getUser(id) { return fetch(`/api/users/${id}

年度心得总结——前端领域

年度心得总结——前端领域

又是一年时光转,岁月如梭学习繁。 笔耕岁月求知路,心悟真谛志愈坚。 往昔耕耘结硕果,未来展望展宏愿。 共聚一堂话成就,再创辉煌谱新篇。 此刻,我暂且搁下手中的键盘,让思绪飘回那过往的日日夜夜。回望这一年的风雨兼程,心中不禁涌动着无尽的感慨。前端领域,这片充满无限可能的天地,又经历了一轮轰轰烈烈的蓬勃发展与变革。新技术如雨后春笋般涌现,旧框架在不断迭代中焕发新生,这一切都让我对这份事业充满了无尽的热爱与敬意。 同样是在这流转的一年里,我踏上了ZEEKLOG技术博主的星辰大海之旅,愿以我余温之烛,照亮同行者的征途,期盼自己能成为ZEEKLOG夜空中那颗即便只刹那闪耀,亦能点亮梦想的星辰。 文章目录 * 一、React 框架 * (一) React 优化 * (二) 开发效率提升 * (三) 服务端渲染(SSR)集成 * (四) 其他重要优化和功能支持 * 二、Vue 框架 * (一) Vue 版本与维护方面 * (二) 性能优化与增强 * 三、技术探索