https://github.com/rainviewer/rainviewer-api-example

How to use RainViewer API: simple HTML + JS code which render an animated weather radar overlay on the map
https://github.com/rainviewer/rainviewer-api-example

animation example leaflet leafletjs weather weather-api

Last synced: 3 days ago
JSON representation

How to use RainViewer API: simple HTML + JS code which render an animated weather radar overlay on the map

• Host: GitHub
• URL: https://github.com/rainviewer/rainviewer-api-example
• Owner: rainviewer
• Created: 2019-06-12T22:05:43.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2024-10-24T16:58:33.000Z (2 months ago)
• Last Synced: 2024-10-26T00:19:04.708Z (2 months ago)
• Topics: animation, example, leaflet, leafletjs, weather, weather-api
• Language: HTML
• Size: 23.4 KB
• Stars: 92
• Watchers: 6
• Forks: 29
• Open Issues: 4
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Rain Viewer API Example

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.

Check it in your browser: [rainviewer-api-example.html](https://rainviewer.github.io/rainviewer-api-example/rainviewer-api-example.html)

### What's covered here

- 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.

### What's not covered here

- How to update the API JSON periodically and add new frames or replace completely outdated forecast.

- Memory and performance optimizations.

## Rain Viewer Extended API

There are two additional examples, which use closed beta API and require an API KEY.

- [rainviewer-maps-api-example.html](https://rainviewer.github.io/rainviewer-api-example/rainviewer-maps-api-example.html) - Display more maps and time periods

- [rainviewer-forecast-api-example.html](https://rainviewer.github.io/rainviewer-api-example/rainviewer-forecast-api-example.html) - Display forecast for location