RainViewer API Example

Easy to understand HTML + JS code which display weather radar data on the map using the Leaflet.js library.

View rainviewer-api-example.html in your browser.

What covered here

• How to download the latest available JSON with the map frame's timestamps.
• How to add tiled layers into Leaflet.
• How to animate, move forward or backward in the animation.
• How to display frame time.

What doesn't covered here

• How to update the JSON and add new frames.
• Memory and performance optimizations.

Mapbox and Google Maps examples

For MapBox and Google Maps you need to use a pretty similar code, but you need to put your API key in that examples to display the base map. Search for YOUR_API_KEY_HERE in the source code and replace it with your own key. These files will not display the map until you put your API KEY in it.