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



我正在做一项任务,我必须制作一个天气应用程序,该应用程序具有每个城市不断变化的天气背景图像。我正在使用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的天气描述。这就是我的页面看起来像的网页示例,它需要图像背景,所以理想情况下,我的代码中的阴天图像将显示在那里的bg中,因为天气描述是"天气";阴天;

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

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

相关内容

  • 没有找到相关文章

最新更新