Rain radar integrations

Third party integrations
22

Strange. It works for me and I have no subscription. That said, it geolocates to my IP address.

23

Search config-template.

24

config-template does not find anything.
Is there something wrong with mu HACS installation?
“config” finds 7 items.

25

Well…maybe.

image

26

I couldn’t get your card to work. After some research, the custom:hui-iframe-card no longer exists, you have to replace it with custom:hui-element and define the card type iFrame.

type: custom:config-template-card
entities:
  - sensor.iphone_de_michel_geocoded_location
card:
  type: custom:hui-element
  card_type: iframe
  title: null
  url: >-
    ${'https://embed.windy.com/embed2.html?lat='+states['sensor.iphone_de_michel_geocoded_location'].attributes.Location[0]+'&lon='+states['sensor.iphone_de_michel_geocoded_location'].attributes.Location[1]+'&detailLat='+states['sensor.iphone_de_michel_geocoded_location'].attributes.Location[0]+'&detailLon='+states['sensor.iphone_de_michel_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%
1 Like
28

With thanks to @afxefx for the inspiration, I took the following as a challenge to myself.

Edit: Updated YAML to display radar and lightning. The animation covers a 6-hr period.
Edit 2: I was successful in getting it to work with the Manual UI card. YAML has been updated with appropriate indenting.
Edit 3: Removed unnecessary YAML content.

Make sure the config-template-card is properly configured. When you download it with HACS, the resource file will be in directory /config/www/community/config-template-card, and the file should be referenced to look for the resource file at URL: /hacsfiles/config-template-card/config-template-card.js. If the resource for the config-template-card can’t be found, it’s likely the resource file isn’t properly configured.

If you have problems, look here for tips: https://github.com/thomasloven/hass-config/wiki/Lovelace-Plugins

The rest should be easy if you have an iPhone (For an Andoroid, look at Rain radar integrations - #17 by afxefx for YAML guidance). This following is what works for me (I used the default iPhone entity and attributes), but it can be tweaked if you’re willing to experiment.

type: custom:config-template-card
entities:
  - states['device_tracker.iphone']
card:
  type: iframe
  title: Windy Radar
  url: >-
    ${'https://embed.windy.com/embed2.html?lat='+states['device_tracker.iphone'].attributes.latitude+'&lon='+states['device_tracker.iphone'].attributes.longitude+'&zoom=5&level=surface&overlay=radar&menu=&message=true&marker=&calendar=&pressure=&type=map&location=coordinates&detail=&detailLat='+states['device_tracker.iphone'].attributes.latitude+'&detailLon='+states['device_tracker.iphone'].attributes.longitude+'&metricWind=mph&metricTemp=%C2%B0F&radarRange=-6'}
  aspect_ratio: 135%

The aspect_ratio can be changed per your preference.

4 Likes