├── README.md ├── rainviewer-api-example.html ├── rainviewer-forecast-api-example.html └── rainviewer-maps-api-example.html /README.md: -------------------------------------------------------------------------------- 1 | # Rain Viewer API Example 2 | 3 | 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](https://leafletjs.com) library with [OpenStreetMap](https://openstreetmap.org) as a base map solution. 4 | 5 | Check it in your browser: [rainviewer-api-example.html](https://rainviewer.github.io/rainviewer-api-example/rainviewer-api-example.html) 6 | 7 | ### What's covered here 8 | 9 | - How to download the latest available API JSON with the available map products and frames. 10 | - How to add tiled layers into the mapping library. 11 | - How to animate, move forward or backward in the animation. 12 | - How to display frame time. 13 | - How to change options and map products. 14 | 15 | ### What's not covered here 16 | 17 | - How to update the API JSON periodically and add new frames or replace completely outdated forecast. 18 | - Memory and performance optimizations. 19 | 20 | ## Rain Viewer Extended API 21 | 22 | There are two additional examples, which use closed beta API and require an API KEY. 23 | 24 | - [rainviewer-maps-api-example.html](https://rainviewer.github.io/rainviewer-api-example/rainviewer-maps-api-example.html) - Display more maps and time periods 25 | - [rainviewer-forecast-api-example.html](https://rainviewer.github.io/rainviewer-api-example/rainviewer-forecast-api-example.html) - Display forecast for location 26 | -------------------------------------------------------------------------------- /rainviewer-api-example.html: -------------------------------------------------------------------------------- 1 | 2 | 3 |
4 |