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