Using windy.com in Lovelace

Configuration Frontend
1

I am using windy.com in Lovelace exactly like the example in the docs [https://www.home-assistant.io/lovelace/iframe/]

      - type: iframe
        url: https://embed.windy.com/embed2.html
        aspect_ratio: 80%

I apreciate that this isn’t strictly an HA/Lovelace question but is it possible to make it default to rain rather than wind?

11 Likes
2

you can configure it here. use the generated src link.

8 Likes
3

Excellent! Thank you!

4

I have tried adding this to my lovelace, but its not showing the windy map, instead I’m getting the top left of my home page? Can someone let me me what I’m doing wrong?

  - type: iframe
    url: <iframe width="650" height="450" src="https://embed.windy.com/embed2.html?lat=-36.851&lon=174.768&zoom=5&level=surface&overlay=wind&menu=&message=&marker=&calendar=&pressure=&type=map&location=coordinates&detail=&detailLat=-36.851&detailLon=174.768&metricWind=default&metricTemp=default&radarRange=-1" frameborder="0"></iframe>
    
    aspect_ratio: 80%

00
001352×876 53.9 KB

5

You only need the URL part of the generated link:

  - type: iframe
    url: https://embed.windy.com/embed2.html?lat=-36.851&lon=174.768&zoom=5&level=surface&overlay=wind&menu=&message=&marker=&calendar=&pressure=&type=map&location=coordinates&detail=&detailLat=-36.851&detailLon=174.768&metricWind=default&metricTemp=default&radarRange=-1
    
    aspect_ratio: 80%
4 Likes
6

Perfect, Thanks Tom

7

thanks for this thread ,

9

It doesn’t work for me. Do you put it in a manual card?

10

No, use an iframe card. See: Using windy.com in Lovelace - #5 by tom_l

11

Anybody knows what the code is for auto play?

12

From what I’ve seen, there is not a valid parameter to put in the URL to make this happen, at least not on HA cards

13

FWIW, they have an embed generator here now Map

2 Likes