# 中国天气地图

> 实时查看全国 270+ 城市的天气状况、15 天预报与 24 小时趋势的可视化工具。

## 产品简介

中国天气地图是一款基于 Web 的天气可视化应用，将全国主要城市的实时气象数据叠加在交互式地图上，帮助用户直观了解各地天气状况。

**核心功能：**

- **实时天气**：地图上直接显示 270+ 城市的当前温度与天气图标
- **15 天预报**：点击任意城市标注，查看未来 15 天逐日天气预报
- **24 小时趋势**：逐小时温度、降水概率、风速趋势图
- **城市搜索**：支持按城市名称快速定位
- **GPS 定位**：自动定位到用户当前位置
- **视图分享**：将当前地图视角编码为 URL，一键复制分享
- **离线缓存**：通过 IndexedDB 缓存天气数据，支持弱网环境使用

## 数据来源

| 数据类型 | 来源 |
|---|---|
| 天气数据 | [Open-Meteo](https://open-meteo.com/)（开放气象 API，免费） |
| 城市地理数据 | [OpenStreetMap](https://www.openstreetmap.org/) / Overpass API |
| 地图底图 | 高德地图 |
| 城市坐标补丁 | Nominatim 地理编码 |

## 覆盖范围

- 全部 34 个省级行政区（含港澳台）
- 270+ 地级市及主要县级市
- 支持全球城市（通过 Overpass API 动态加载）

## 技术栈

React 19 + TypeScript + Leaflet.js + Open-Meteo API + Tailwind CSS 4

## 开发者

**老伯德**  
小红书：https://www.xiaohongshu.com/user/profile/566c318be4251d3f10416e82

## 访问地址

https://cnweathermap.com/

## 常见问题

**Q：天气数据多久更新一次？**  
A：Open-Meteo 数据每小时更新，应用每次打开时自动获取最新数据，同时将数据缓存到本地以支持离线访问。

**Q：支持哪些浏览器？**  
A：支持所有现代浏览器（Chrome、Firefox、Safari、Edge），需要启用 JavaScript。

**Q：是否需要注册账号？**  
A：完全免费，无需注册，直接访问即可使用所有功能。

**Q：如何查看某个城市的天气？**  
A：可以通过三种方式：1）在地图上直接点击城市标注；2）使用顶部搜索框搜索城市名；3）点击定位按钮自动定位到当前位置。