基于 WebGIS 实现 80 年代风格老式天气预报系统

前言

在数字技术飞速发展的今天，我们常常沉浸于各种高科技带来的便捷与震撼之中，却容易忽视那些曾经陪伴我们成长、承载着时代记忆的旧事物。80 年代的天气预报，便是这样一份珍贵的文化遗产。WebGIS 技术的出现，为我们提供了这样一个绝佳的机会。它能够将地理信息与网络技术相结合，实现地图的可视化展示和数据的动态交互。而百度天气作为国内领先的天气数据服务平台，提供了丰富而准确的天气信息。将两者相结合，我们或许能够构建出一个既具有 80 年代风格，又融合了现代技术优势的天气预报系统。

我们的目标是构建一个能够唤醒 80 年代记忆的老式天气预报系统。这个播报系统需要播放我们熟悉的天气预报背景音乐。在播报形式上，播报内容将涵盖基本的天气信息，如温度、时间和明日天气等。尽管界面和播报形式是 80 年代的风格，但数据来源却是现代的。我们将整合百度天气提供的实时数据，确保天气信息的准确性和及时性。通过 WebGIS 技术，我们可以在地图上直观地展示不同地区的天气情况，用户可以通过简单的操作查看全国各地的天气预报。

在构建这样一个系统的过程中，我们面临着诸多技术挑战。为此，我们将采用现代的前端开发技术，如 HTML5、CSS3 和 JavaScript，结合 WebGIS 框架，实现一个既复古又现代的界面。其次，80 年代的语音播报风格与现代的语音合成技术存在较大差异。此外，我们还需要编写一套符合当时风格的播报脚本，确保播报内容的准确性和趣味性。最后，整合百度天气数据并将其与 WebGIS 地图相结合，需要解决数据格式转换、地图渲染优化等问题。我们将利用 WebGIS 平台提供的数据接口和地图渲染工具，实现数据的无缝对接和高效展示。

一、省会城市信息构建

在进行省会城市天气预报的 WebGIS 可视化开发之前，首先我们需要对全国的省会城市信息进行查询。在后面调用百度天气接口时也需要使用省会城市名称。因此这里首先介绍如何查询省会城市空间信息以及如何在 Java 中进行后台的城市信息查询。

1、省会城市空间查询

在之前的文章中，我们介绍了城市点位信息和省份信息，在进行省会城市信息查询时，也同样需要使用这几张表。查询语句如下：

SELECT T.NAME cityName, T.pinYin, T.bz, T.slx, tc.code provinceCode, tc.NAME provinceName, st_x(T.geom) cityLon, st_y(T.geom) cityLat, dict.dict_label provinceAbbreviations, st_asgeojson(tc.geom) geomJson 
FROM biz_geographic_name T, biz_province tc, sys_dict_data dict 
WHERE T.bz IN ('省会城市', '直辖市', '首都') AND st_contains(tc.geom, T.geom) AND dict.dict_value = tc.code 
ORDER BY tc.code

在 Navicat 客户端中执行以上语句后，可以在客户端看到以下查询结果：

在后面的操作中，我们就需要使用这个返回结果中的省会城市的中心点经纬度的位置来进行天气的查询，最后返回给前台进行使用。

2、Java 后台查询

在 SQL 中实现上述的查询之后，接下来我们就可以将相关的查询逻辑封装成 Java 接口，来供前端调用。在 Java 中的 Mapper 类来实现以上的查询服务，Mapper.java 的核心代码如下：