Post on 03-Aug-2015
www.worldweatheronline.com
How to use different weather icons for your API
www.worldweatheronline.com
In this post we’ll show you how you can use your own icons/images in place of the default weather icons provided
by our API.
What’s this about?
www.worldweatheronline.com
The icon pack
In this example we are using the Symbol Set WW-01 from the Mike Afford Media Store.
This icon pack uses some amazing artwork to create beautiful weather widgets, while providing all the icons in night and day format. It also uses our weather code as the file name for easy usage, so let’s copy our files over to our project.
www.worldweatheronline.com
Starting Code
For the initial code, take a look at our Getting started with World Weather Online API & NodeJs article.
We’ll modify the icons used in the output of this simple widget.
www.worldweatheronline.com
Climate change in the future
Below you can see that we have created an icons folder and copied all files from the icon pack into it.
Top level structure
Expanded structure
www.worldweatheronline.com
To find out how to use different weather icons in your API and for code examples read more here:
How to use different weather icons for your API