Vacuum Interactive Map Card

But probably yeah, I will just use the camera.vacuum_map with the card itself…

Oh, ok, I get it now :smiley: I was so fixed on using this card with map extractor, that I forgot that drawing path on an image is done in map card… :smiley: Unfortunately right now it is not possible to hide dropdown and buttons

How do you create the map like that? Mine is just showing up similar as in MiHome app.

you can define what it should show:

Sorry I meant the beautiful background. I do have those elements showing up.

oh, this is done with picture-elements:

here’s my code:

- type: picture-elements
  image: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 47' /%3E"
  elements:
    - type: image
      image: '/local/..../vacuum_floorplan.png'
      style:
        top: 59%
        left: 52.4%
        width: 90%
        height: 120%                          
    - type: image
      entity: camera.vacuum_map
      camera_image: camera.vacuum_map
      style:
        top: 59%
        left: 52.4%
        width: 90%
        height: 120%
2 Likes

got it, thanks.

Hi, are there specific xiaomi vacum models supported for this?
I’m using mijia vacumm 1c, is this included?

Confirmed supported models are listed at the bottom of README, your model is not listed, so you just have to try.

Additionally a new version with a lot of new supported models is coming soon :wink:

Thanks, I’m trying it out now
The way I understand is that this custom component need to be installed first before using the map card?

If you want to have a live map view you need to in a card, then yeah, it should be installed first.

Buuuut it can also be used as a standalone card, with an image as a map.

I got an issue with the last part - the interactive part. What is wrong with that code?

type: custom:xiaomi-vacuum-map-card
entity: vacuum.xiaomi_vacuum
calibration_points: null
camera_calibration: true
map_camera: camera.xiaomi_cloud_map_extractor

Everything seems to be ok

Firstly, I used HACS to proceed with the installment. When I realized that it is not working, I’ve made a manual install. The problem still exists.

Perhaps, when I get home, I’ll paste config code?

HACS installation is the best solution. Please describe your problem in more details

image

Here is my problem. Map extractor works fine but the interactive map card isn’t.
I’m quite new to home automation, please be tolerative …

You have to add this card to resources: link

url: /hacsfiles/lovelace-xiaomi-vacuum-map-card/xiaomi-vacuum-map-card.js
type: module


So I did and problem still exists:

Is this card still installed in HACS?
You can also remove this entry:
image