Share your Floorplan

please do would love this feature

Yes, please do, that would be a great feature!

If you can’t wait, a post was already made how to do that: Share your Floorplan

old post i know but…

With your camera display does it refresh ? mine only shows the image from the time the page was loaded so could be hours out of sync.

thanks

Cool, thanks. I completely missed that.

Just started with floorplan… I get this error

TypeError: a is undefined
URL: http://192.168.0.205:8123/static/webcomponents-lite.js
Line: 129, column: 615
Error: {}

What could it be ?

Difficult to say without knowing your config. But as for starters, have you deletet your browser cache, closed your browser and relaunched it? And are you using google chrome? If not, try using that.

I found what was wrong… my floorplan.svg was empty.

In chrome I get more errors

Uncaught TypeError: Illegal invocation
URL: https://assets-cdn.github.com/assets/frameworks-69305c61e4ce67cdef4a70845fc0e959.js
Line: 1, column: 243176
Error: {}
Uncaught TypeError: Illegal invocation
URL: https://assets-cdn.github.com/assets/frameworks-69305c61e4ce67cdef4a70845fc0e959.js
Line: 1, column: 243176
Error: {}
Uncaught TypeError: Illegal invocation
URL: https://assets-cdn.github.com/assets/frameworks-69305c61e4ce67cdef4a70845fc0e959.js
Line: 1, column: 243176
Error: {}

ok, does it now work in the browser you are using? I am not sure what those error means, since it seems it gets the info directly from github? Are you using fully kiosk or something?

How can I show a temperature ?

For the most basic view, just add to floorplan.yaml:

        - name: temperature
          entities:
             - sensor.your_sensor
          text_template: '${entity.state ? Math.ceil(entity.state) + " °C": "undefined"}'

Your sensor can be a physical sensor, or a temperature from e.g. darksky or yr.
Then of course make some text in your svg file, and give it the name of your sensor (sensor.your_sensor), and change the units if applicable (in case you prefer Rankine, Fahrenheit, Kelvin or something like that).

1 Like

Does anyone know this site?

http://www.smallblueprinter.com/floorplan/floorplan.html

You can create nice floorplans with it.

Only disadvantage this web-application needs the flashplayer installed :frowning:

has anyone been able to get floorplan working with 0.70.0? I updated to 1.08 but it still doesn’t work for me, no config changed otherwise.

@chrisw Can you try v1.0.10 of floorplan?

https://raw.githubusercontent.com/pkozul/ha-floorplan/master/www/custom_ui/floorplan/ha-floorplan.html

Definitely will give it a try!

EDIT: Seems to be working just fine. In case if anyone was wondering, I was being silly - I cleared my browser cache (Chrome seems to be getting worse for this in general) but never went back to check if Floorplan was loading (v1.08) - I can assure you it did work when I went back to check at @pkozul request.

This is my current project. Its only a preview made for tablets using 1920x1080px. I would like to make a version for mobiles but i dont know which resolution should i use. Could you guys help me?

For the mobile version i was thinking something like this:

8 Likes

Hello i have updated hassio to 0.70.0 and ha-floorplan.html to 1.0.10 but i still have some problem to make it works like before the update.
Here are the errors i’m receiving:

Uncaught ReferenceError: imageUrl is not defined
URL: http://192.168.2.29:8123/local/custom_ui/floorplan/ha-floorplan.html
Line: 449, column: 22
Error: {}

Any kind of help will be greatly appriciated.
Thanks

@Romquenin try to upgrade from this post

thank you. I’m now running the v1.0.12 from your source. Still no luck, not working with same error:

Uncaught ReferenceError: imageUrl is not defined
URL: http://192.168.2.29:8123/local/custom_ui/floorplan/ha-floorplan.html
Line: 449, column: 22

You may have done this, restart HA and clear the cache after copying in v1.0.12

1 Like