Rain Viewer API Example

Easy to understand HTML + JS code, which displays weather radar (past and future) and infrared satellite tiles on the map. The main example uses the Leaflet.js library with OpenStreetMap as a base map solution.

Check it in your browser: rainviewer-api-example.html

What's covered here

• How to download the latest available API JSON with the available map products and frames.
• How to add tiled layers into the mapping library.
• How to animate, move forward or backward in the animation.
• How to display frame time.
• How to change options and map products.

What's not covered here

• How to update the API JSON periodically and add new frames or replace completely outdated forecast.
• Memory and performance optimizations.

Rain Viewer Extended API

There are two additional examples, which use closed beta API and require an API KEY.

• rainviewer-maps-api-example.html - Display more maps and time periods
• rainviewer-forecast-api-example.html - Display forecast for location