天气地图:点地图上任意位置,直接看当地天气

查天气一般是先搜城市名再看结果,这个网页反过来:打开就是一张地图,点哪儿看哪儿。作者是吾爱破解的 noforgvie,7 月中旬发的帖,源码直接贴在帖子里,存成 html 双击就能用;帖子下面有网友把它挂到了线上(ico5.net/tianqi),不想存文件的话直接打开这个地址也行。

点击地图后的天气面板

鼠标在地图上点一个位置,天气面板就滑出来:当前温度、体感温度、湿度、风向风速、降水量,再往下是逐小时预报和三日预报,白天夜里、日出日落也都列着。换个地方再点一下就行,面板上的关闭按钮和 Esc 都能把它收起来。

网页版界面

天气数据来自 Open-Meteo。这个接口是开源且完全免费的,不用注册、不用申请 Key,也没有隐藏收费,背后聚合了 ECMWF、NOAA、DWD 等三十多个气象机构的模型,区域模型分辨率能做到 1 到 2 公里,全球模型大约 9 到 11 公里,多数全球模型每 6 小时更新一次。作者的体感是大城市还比较准,小城市可能差一点,大概是分辨率和更新频率的关系。

手机上打开也能用,页面会自适应屏幕。帖子里还有人用 AI 改了一版,能在地图上直接显示你点的位置叫什么地名,那版需要自己去高德开放平台申请一个 Web 服务 Key,把代码里的 YOUR_AMAP_KEY 替换掉就行,个人使用的免费额度足够。

手机版界面

使用步骤

  1. 在文章下方下载 html 文件,双击用浏览器打开(Chrome、Edge 都行);不想存文件就直接打开线上版本。
  2. 在地图上点想查的位置,等一两秒弹出天气面板。
  3. 往下滚能看到逐小时和三日预报;换地方就点别的位置。
  4. 按 Esc 或点面板上的关闭按钮收起面板。

文件说明

  • 天气地图.html:单文件网页,不用安装任何东西,双击用浏览器打开即可;打开时需要联网,地图底图和天气数据都是在线取的。

来源

下载资源

蓝奏云
百度网盘
夸克网盘

文章标签

评论区

评论加载中...