How to use different weather icons for your API

6
www.worldweatheronline.com How to use different weather icons for your API

Transcript of How to use different weather icons for your API

Page 1: How to use different weather icons for your API

www.worldweatheronline.com

How to use different weather icons for your API

Page 2: 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?

Page 3: How to use different weather icons for your API

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.

Page 4: How to use different weather icons for your API

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.

Page 5: How to use different weather icons for your API

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

Page 6: How to use different weather icons for your API

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