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
- 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.
- How to update the API JSON periodically and add new frames or replace completely outdated forecast.
- Memory and performance optimizations.
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