Rain Viewer API Example

Simple HTML + JS examples demonstrating the Rain Viewer Weather Maps API for personal use.

Personal Use API Limitations

• Max zoom: Level 7 (512px tiles)
• Color scheme: Universal Blue only
• Data: Past radar data only (no forecast/nowcast, no satellite)
• Format: PNG only

Examples

Leaflet + OpenStreetMap

rainviewer-api-example.html

Uses Leaflet.js with OpenStreetMap as a base map.

MapLibre GL JS

rainviewer-maplibre-example.html

Uses MapLibre GL JS with Rain Viewer vector base map.

What's Covered

• Downloading the latest API JSON with available map frames
• Adding tiled radar layers to mapping libraries
• Animating through frames (play/stop, prev/next)
• Displaying frame timestamps

What's Not Covered

• Periodic API JSON updates for new frames
• Memory and performance optimizations