You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在应用中使用Open Weather API图标代码(如09d)展示天气状态

如何通过OpenWeatherMap的图标代码/天气ID展示天气图标?

我希望在我的应用中使用Open Weather ICON来展示天气状况,但无法找到如何通过获取到的图标代码(如09d)或天气ID(如300)显示图标的相关信息。获取到的接口返回数据如下:

{ 
  "weather":[ 
    { 
      "id":300, 
      "main":"Drizzle", 
      "description":"light intensity drizzle", 
      "icon":"09d" 
    } 
  ], 
  "base":"stations" 
}

已解决方法

害,说出来有点尴尬,问题居然出在我自己身上!我明明已经安装了对应的NPM模块,却完全忘了引入Open Weather Icons的CSS文件。把CSS文件补上之后,图标功能立刻就正常运行了。

内容的提问来源于stack exchange,提问作者user3188348

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.25 06:13:31