基于 Leaflet 的 WebGIS 省域区县天气可视化实战

前言

地理信息系统（GIS）技术与 Web 技术的深度融合，为地理信息的可视化展示带来了机遇。WebGIS 能够将地理空间数据以直观、便捷的方式呈现给用户。天气数据作为与人们生活息息相关的重要地理信息之一，其可视化展示对于气象预报、灾害预警等领域有着重要意义。本文从 WebGIS 视角出发，探讨如何利用 Leaflet 开源 JavaScript 库，实现省域区县天气的可视化。

本文将介绍如何获取和整合省域区县的天气数据，利用 Leaflet 搭建 WebGIS 平台，实现地图的基本功能和天气数据的可视化展示，并通过实战案例展示开发过程。

一、空间数据基础

本节介绍相关的空间数据基础，涉及省级空间范围、区县行政空间范围以及区县驻地等信息检索。为了在 WebGIS 展示时将天气数据直接与行政区划关联，天气表中预留了行政区划编码字段。

1、省域空间检索

省域信息用于省级行政范围的展示，以及通过百度天气接口获取具体天气信息时，首先需要通过省级行政区划代码或者下级区县信息循环调用官方接口。

省域信息及表结构如下：

select * from biz_province;

上图中返回的 code 即为该省份对应的行政区划代码，如：130000 表示河北省。查询下级的区县信息需使用区县信息表，查询语句如下（以河北省为例）：

select * from biz_area t where t.province_code = '130000';

通过 SQL 查询可获取指定省份的下属区县信息，后续即可根据该区县 code 获取天气信息。

2、区县天气信息检索

为了实现区县的天气信息，需要涉及的数据表如下：

序号	表名	说明
1	biz_weather_now	实时天气信息表
2	biz_area	区县信息表
3	biz_geographic_name	城市信息表

直接给出区县天气信息检索的 SQL（以查询 2025 年 8 月 17 日的湖南省 430000 的区县天气信息为例）：