根据来自 api (javascript) 的数据更改背景图像

Posted 2023-02-19

【中文标题】根据来自 api (javascript) 的数据更改背景图像

【英文标题】：Change the background image based on data from api (javascript)

【发布时间】：2022-01-20 13:51:15

【问题描述】：

我正在执行一项任务，我必须制作一个天气应用程序，该应用程序在每个城市的天气中具有不断变化的背景图像。我正在使用 OpenWeatherMap API，到目前为止，我已经为图像提供了这段代码

var clearsky = new Image();
clearsky.src = "clearsky.jfif";

var clouds = new Image();
clouds.src = "fewclouds.jfif";

var fog = new Image();
fog.src = "fog.jpg";

var rain = new Image();
rain.src = "moderaterain.jpg";

var overcast = new Image();
overcast.src = "overcast.jpg";

var snow = new Image();
snow.src = "snow.jfif";

我不知道如何将图像链接到 API 中的天气描述。这就是我的页面看起来像 example of the web page that needs image background 这样理想情况下，我的代码中的阴天图像将显示在那里的 bg 中，因为天气描述是“阴云”

【问题讨论】：

欢迎堆栈溢出！请使用tour 并阅读help center，如果您有任何问题，请随时在Meta Stack Overflow 上提问：)

【参考方案1】：

如果我理解正确，那么您需要使用 HasMap。例如：

HashMap<String, Image> hashMap = new HashMap();
hashMap.put("overcastClouds", overcast)