Rain radar integrations

Robinson74 · June 23, 2023, 6:15pm

Hello,
Dos anyone know of any good rain radar integrations?
I am interested in Central Europe, especially Poland, Slovakia and Hungary areas.

MandM78 · June 23, 2023, 7:26pm

What I found to work best for me (right now anyway) is a webpage card that grabs from windy.com. (Looks like they cover that area.)

You can point the windy.com website to your location, zoom in/out as you need, then grab the embedded map code and add a webpage card to your lovelace.

Robinson74 · June 23, 2023, 8:44pm

Thanks.
Can you tell me how to grab the embedded map code?
What does it look like? Can you show an example map code?

pocket · June 23, 2023, 9:15pm

Let me try this again. Use a webpage card with this configuration:

type: iframe
url: >-
  https://embed.windy.com/embed2.html?lat=50.047&lon=19.693&zoom=5&level=surface&overlay=radar&menu=&message=true&marker=&calendar=&pressure=&type=map&location=coordinates&detail=&detailLat=50.047&detailLon=19.693&metricWind=mph&metricTemp=%C2%B0F&radarRange=-6
aspect_ratio: 81.5%
title: Windy Radar

MandM78 · June 23, 2023, 9:20pm

Sure… when you go to windy.com and input you location, you can pull out the left side menu and click on “embed widget on page” (see below)

That brings up a page to make adjustments and then grab the code:

The generated code would look something like this:

<iframe width="650" height="450" src="https://embed.windy.com/embed2.html?lat=42.850&lon=-78.959&detailLat=42.890&detailLon=-78.880&width=650&height=450&zoom=7&level=surface&overlay=radar&product=radar&menu=&message=&marker=&calendar=now&pressure=&type=map&location=coordinates&detail=&metricWind=default&metricTemp=default&radarRange=-1" frameborder="0"></iframe>

When you go to add it to a lovelace webpage card… format the embed code like this (remove the iframe stuff):

https://embed.windy.com/embed2.html?lat=42.850&lon=-78.959&detailLat=42.890&detailLon=-78.880&width=650&height=450&zoom=7&level=surface&overlay=radar&product=radar&menu=&message=&marker=&calendar=now&pressure=&type=map&location=coordinates&detail=&metricWind=default&metricTemp=default&radarRange=-1

MandM78 · June 23, 2023, 9:21pm

Thanks for the assist! (I was just getting around to answer and you beat me to it! LOL.)

pocket · June 23, 2023, 9:25pm

I also use this weather radar card, available via HACS. It works nicely.

https://github.com/Makin-Things/weather-radar-card

Robinson74 · June 23, 2023, 9:44pm

Thank you both.
It is working.
Do you know if default “playing time” is configurable? It seems to be 60 minutes.

pocket · June 23, 2023, 10:08pm

Look for something in the URL that says radarRange=-1, which would be 1 hour. You can change it to - 6 or -12, perhaps more. Give it a try.

Robinson74 · June 23, 2023, 10:25pm

Thanks but changing to higher values is not reflected in playing time.

pocket · June 23, 2023, 10:35pm

Did you refresh your browser cache when you changed it?

Robinson74 · June 23, 2023, 10:40pm

I guess I did.
I’m afraid 6-hour and 12-hour loops may be available to premium users only.

pocket · June 23, 2023, 10:42pm

Many browsers will reload if you use the <ctl><F5> key combination.

If you see this at the bottom right, the three options are available:

Robinson74 · June 24, 2023, 8:42am

Yes, 6h and 12h options are available but clicking them brings up subscription window.

GSzabados · June 24, 2023, 12:47pm

The yearly Premium subscription on windy is like 20 EUR (less actually, but I cannot remember how much). I signed up, because it adds the long term forecast, and the 1 hour steps in forecast as well.
If you do sign up, go to the Community forum and ask about their API for home automation use.

They currently don’t have any for this kind of purposes, and would be nice to add it to HA if they would develop it.

afxefx · June 24, 2023, 12:55pm

If you want to get fancy you can use the config-template-card with a device tracker entity that contains lat/long coordinates and use that within the windy url to have weather based on your location:

type: custom:config-template-card
entities:
  - sensor.pixel_6_pro_geocoded_location
card:
  type: custom:hui-iframe-card
  title: null
  url: >-
    ${'https://embed.windy.com/embed2.html?lat='+states['sensor.pixel_6_pro_geocoded_location'].attributes.location[0]+'&lon='+states['sensor.pixel_6_pro_geocoded_location'].attributes.location[1]+'&detailLat='+states['sensor.pixel_6_pro_geocoded_location'].attributes.location[0]+'&detailLon='+states['sensor.pixel_6_pro_geocoded_location'].attributes.location[1]+'&width=650&height=450&zoom=6&level=surface&overlay=rain&product=ecmwf&menu=&message=true&marker=true&calendar=now&pressure=true&type=map&location=coordinates&detail=&metricWind=mph&metricTemp=%C2%B0F&radarRange=-1'}
  aspect_ratio: 135%

GSzabados · June 24, 2023, 2:23pm

That is really fancy! Thanks for sharing!

Robinson74 · June 24, 2023, 3:14pm

If you want to get fancy you can use the config-template-card with a device tracker entity that contains lat/long coordinates and use that within the windy url to have weather based on your location

I get this error:

“Custom element doesn’t exist: config-template-card.”

I understand I first need to create config-template-card. Right? How to do that?

afxefx · June 24, 2023, 3:17pm

You would need to install config-template-card from GitHub - iantrich/config-template-card: 📝 Templatable Lovelace Configurations via HACS or manually then the config I posted should work. My apologies for not clarifying in my original post.

Robinson74 · June 24, 2023, 4:07pm

Thanks. I have only recently installed HACS so I’m not proficient in it.
How do I install config-template-card using HACS?
Should I do it through “Add repository”? What do I put in the search box?