Environment Agency Flood Levels and Maps

Configuration Frontend
1

I’m currently using the integration which pulls data from the Environment Agency Flood Levels for my area:
Environment Agency Flood Gauges - Home Assistant.

I’ve got various guages setup for the stations near me. There’s a couple of things I’d like to do:

1). Is it possible to show an arrow in home assistant with the direction of travel for whether the river levels are increasing or decreasing (I guess the other option is a line graph?).

2). I’d like to include the live map from the EA of the river levels and whether there is expected flooding: Severn estuary from Gloucester to Sharpness flood alert area - GOV.UK - is there a way of including this?

Thanks

2

Set up a Trend - Home Assistant sensor

You should be able to do this using the Webpage card - Home Assistant

3

Thanks.

I’ve tried the webpage card using iframe but unfortunately it says it can’t connect.

4

Webpage Dashboard refuses to connect - Configuration / Frontend - Home Assistant Community

The issue is that the site in question is using X-Frame-Options header - HTTP | MDN which prevents the browser embedding the content.

It is still possible to work around this but not very straight forward. You would basically need to create a reverse proxy that connects to the site and strips the X-Frame-Options header (there maybe other CSP headers that also need to be removed).

I would also suggest you use the feedback link to suggest they allow this site to be embedded in others.

1 Like