Skip to content
How to use RainViewer API: simple HTML + JS code which render an animated weather radar overlay on the map
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information. Update Jun 12, 2019
rainviewer-api-example.html Fixed the issue with "undefined" tiles preloading Jun 19, 2019

RainViewer API Example

Easy to understand HTML + JS code which display weather radar data on the map using the Leaflet.js library.

View rainviewer-api-example.html in your browser.

What covered here

  • How to download the latest available JSON with the map frame's timestamps.
  • How to add tiled layers into Leaflet.
  • How to animate, move forward or backward in the animation.
  • How to display frame time.

What doesn't covered here

  • How to update the JSON and add new frames.
  • Memory and performance optimizations.
You can’t perform that action at this time.