Add an active Weather Radar Map

Share your Projects!
21

Wunderground seems to have changed. None of the images on this thread are showing up and I couldn’t find any radar images that would let me save the image link. NOAA on the other hand seems to be working fine.

Go here:

https://radar.weather.gov/radar.php?rid=ewx&product=N0R&overlay=11101111&loop=no

Change to your area by typing in your City, ST or Zip Code in the Local weather forecast by “City, St” box right above the radar map.

Then scroll down to Additional Resources on the right side of the screen.

Click on the image you want in Radar & Satellite Images.

Right click on the map and select “Copy image address” (in Chrome or whatever is appropriate to your browser).

Paste that address after still_image_url: as shown in original post.

Ba da bing, ba da boom. You’re done.

22

Is this just a static image from time of copy?

How does it refresh?

23

On mine it GIF of the radar

24

No point in displaying a static image.

OP still functional.

25

It’s an animated gif that seems to update fairly regularly.

26

I didn’t notice any change in the image while loaded in HASS.

The setup from the original post still work.

27

Is anyone able to get this Dark Sky / forcast.io Widget into Home Assistant? I’m trying via camera component, but am only getting “Image not available”:

Info (Dark Sky blog post):
https://blog.darksky.net/forecast-embeds/

Example:
http://forecast.io/embed/#lat=51.801822&lon=9.667969&name=Somewhere&color=#00aaff&units=ca

Thanks!

28

Since it is a webpage and not an image, you will have to use panel_iframe.

panel_iframe:
  darksky:
    title: 'DarkSky'
    url: 'http://forecast.io/embed/#lat=51.801822&lon=9.667969&name=Somewhere&color=#00aaff&units=ca'
2 Likes
29

As @arsaboo suggested I use something like this in panel_iframe

ex:

panel_iframe:
  windy:
    title: 'Windy'
    icon: mdi:weather-windy
    url: !secret windy_url 
  darksky:
    title: 'Darksky'
    icon: mdi:weather-lightning-rainy
    url: !secret darksky_url

image
image586×526 38.6 KB

2 Likes
30

Thanks, @arsaboo / @sbmlat, thats perfect!

31

Found a fix for Wunderground radar.

Go here: https://www.wunderground.com/weather-radar/

At the bottom right of the radar is an “Image Link”

Click the link to get the URL to the gif to be used in the still_image_url: field.

Cheers!

1 Like
32

How can i force an update of the image every 5 minutes?

i tried using scan_interval, but it doesnt result in an update

33

I use the generic camera component

34

Environment Canada makes the individual GIFs available as described at http://dd.weatheroffice.ec.gc.ca/radar/doc/README_radar.txt.

Below is a config item that I put together to fetch (nearly) the latest image from the radar near Ottawa, which is refreshed every 10 minutes:

camera:
  - platform: generic
    name: Franktown Radar
    still_image_url: http://dd.weatheroffice.ec.gc.ca/radar/PRECIPET/GIF/XFT/{{(as_timestamp(now()) - 600) | timestamp_custom('%Y%m%d%H%M', False) | regex_replace(find='(?<=\d{11})\d', replace='0')}}_XFT_PRECIPET_RAIN.gif
    content_type: image/gif
    limit_refetch_to_url_change: true

Here’s how the image URL is constructed:

  • Base path: http://dd.weatheroffice.ec.gc.ca/radar/PRECIPET/GIF/
  • Station code: XFT (available from the station URLs at https://weather.gc.ca/radar/index_e.html)
  • Timestamp of 10 minutes (600 seconds) ago: (as_timestamp(now()) - 600)
  • Format timestamp to string in UTC: | timestamp_custom('%Y%m%d%H%M', False)
  • Replace the 12th digit with 0, to align with the 10-minute period:
    | regex_replace(find='(?<=\d{11})\d', replace='0')
  • Station again: _XFT_
  • End of filename: PRECIPET_RAIN.gif

And here’s the output:

radar

3 Likes
35

For the Netherlands you can use a Buienradar gif which you can find here. You can easily change the size by editing the w=480 and h=480 values

camera:
  platform: generic
  name: Weer
  still_image_url: https://api.buienradar.nl/image/1.0/RadarMapNL?w=480&h=480
  content_type: 'image/gif'
36

Here is a great resource for getting more radars

https://www.rainviewer.com/sources.html

maybe someone can make a real component out of this

1 Like
37

What about if I have a sequence of static images as:

https://geosite.climatempo.com.br/geoserver/wms?service=WMS&version=1.1.0&request=GetMap&layers=satelite:goesr_ret_ch13_ircol3_1,localidades:estados,localidades:paises&styles=,poligono_vazado_preto_fino,poligono_vazado_preto_fino&bbox=-9304526.579097936,-4079902.8217495675,-3072157.0408378043,812066.9885017126&width=636&height=477&srs=EPSG:3857&format=image/jpeg&transparent=true

Where the following part of URL is changed from 1 to 20.
…ircol3_1…
…ircol3_2…
…ircol3_3…
Till
…ircol3_20…

So, how can I have a moving image from the sequence of above static images?

38

It seems that as of 02:00 UTC (Oct 19, 2018) Environment Canada has stopped publishing the _XFT_PRECIPET_RAIN.gif image.

You will need to update the _XFT_PRECIPET_RAIN.gif to _XFT_COMP_PRECIPET_RAIN.gif

Hopefully this is a temporary thing but if not.

39

It’s temporary, they fail over to COMP (short for composite) images when a particular radar site is down.

41

Hagensieker, how did you get that Weather map on your card? Is is animated?