Hi,

when robot is docked i think there sould not be any rotation of its icon. But now there is 90deg rotation.

Regards,
Jacek

Just updated the map card via HACs and now my button is messed up because the title (even if set blank) pushes the map down and makes it smaller. In this button, the map is supposed to be the entire right side of the button, in line with the vacuum icon.

valetudo-map-card.js:257:49 Uncaught TypeError: Cannot read property 'dimensions' of undefine

How to diagnose it? How to understand what's wrong?

Whenever starts a clean from my vacuum, CPU usage on homeassistant container goes up to 100% inmediatly when viewing the card.

I'm not sure if it's the same problem as this issue on another live map for vacuum project: Live map camera loads CPU #66, it seems that the browser tries to get an updated image every 10-15 milliseconds.

@Hypfer, the lead developer of Valetudo, made pretty clear the REST API is not a supported way of getting the data and we're supposed to use MQTT to get the data. Support for MQTT thus needs to be added to this project.

Follow-up on #1.

The map works great! I love the ability to customize everything.
I did find this: https://macbury.github.io/SmartHouse/HomeAssistant/Vacuum/

Would it be possible to do something similar with this map? Adding controls and data, like battery on one single card?

Rotating does not work without setting degrees(ex: rotate: 1).

Error:

Cannot assign to read only property 'rotate' of object '#<Object>'

Breaking Changes in 0.106 (Freeze config).
https://github.com/TheLastProject/lovelace-valetudo-map-card/blob/master/valetudo-map-card.js#L239

Hello

The xiaomi_map in states logs all the coordinates of the map. It causes the states to freeze up and i cant scroll.

Is there a way to solve this?

Hey!

Thanks for a super awesome HA card, this makes my Valetudo setup much cleaner as it removes the need for MQTT and docker containers.

I did want to raise this to see if it could be improved at all. I noticed on various clients (iOS app, Chrome, Safari) the live map initially loads as black, then resolves into colour after somewhere between 1-3 seconds. It can also occur when resizing the window.

It would be great if it could display immediately - depending on where the delay is, or it could initially show the floor colour, before resolving in the objects? Happy to help with any further info you need!

HASS / Lovelace is running on a NUC like device (Intel x5-Z8350 4 x 1.92Ghz) custom built Ubuntu w/ Docker-CE. I see the CPU spike to around 15% when the page loads with the card if that's any help.

Hi,

This is exactly what I am looking for, but I don't understand why it is not working.
I have put the files in /www/community/lovelace-valetudo-map-card
I have put the resource in the Raw config editor.
I have added the sensor in my configuration.yaml (should I change anything here?)

Then I added a "Manual card" in lovelace with the example you wrote in the readme. But after saving it shows a blank page on Home Assistant, everything in that tab is hidden. If I go out of editing mode I can see the other cards, but not the map, and when trying to remove the card it is not possible, as no cards are shown. I have to delete it with the Raw editor.

Thank you!

Hi, thank you for this amazing lovelace card!
Is it possible to add the crop function? Hypfer/ICantBelieveItsNotValetudo#7 => Hypfer/ICantBelieveItsNotValetudo#8
Also rotation would be amazing!
With both of these functions, the map can be integrated very space efficient :)

Thank you in advance!

Hello,

it possible to support this fork please ?

https://github.com/rand256/valetudo

Hello!

First of all, thank you for your amazing card. Now that summer is arriving I have set up a virtual wall in the balcony door, but it shows up in the map. I thought that setting "virtual_wall_width" to zero would do the trick, but it does not.

I have modified your code and now it does not draw it, but I think you won't like my solution so I better suggest it here!

Thanks!

/Xtract

Ha 0.110 breaks valetudo-map-card when placed in picture elements.

hui-weather-forecast-card.ts:39 hui-picture-elements-card TypeError: Cannot read property 'states' of undefined
    at HTMLElement.set hass [as hass] (valetudo-map-card.js:304)
    at ha-state-label-badge.ts:24
    at Array.map (<anonymous>)
    at HTMLElement.value (ha-state-label-badge.ts:24)
    at s (hui-weather-forecast-card.ts:39)
    at hui-weather-forecast-card.ts:39
    at l (hui-weather-forecast-card.ts:39)
    at Module.Ht (hui-weather-forecast-card.ts:39)
    at u (hui-element.js:1)
    at HTMLElement.setConfig (hui-element.js:1)

I have the following configuration working:

"mqtt": {
"enabled": true,
"server": "192.168.X.X",
"port": 1883,
"clientId": "",
"username": "myuser",
"password": "myasswd",
"usetls": false,
"caPath": "/mnt/data/valetudo/ca.pem",
"qos": 0,
"identifier": "abstellraum-staubsauger",
"topicPrefix": "valetudo",
"autoconfPrefix": "homeassistant",
"provideMapData": true
},

This configuration is not working:

"mqtt": {
"enabled": true,
"server": "mqtthost.my.domain",
"port": 1883,
"clientId": "",
"username": "myuser",
"password": "myasswd",
"usetls": false,
"caPath": "/mnt/data/valetudo/ca.pem",
"qos": 0,
"identifier": "abstellraum-staubsauger",
"topicPrefix": "valetudo",
"autoconfPrefix": "homeassistant",
"provideMapData": true
},

Can someone point in the right direction how to get this working with the hostname set? I am able to ping the hostname from the vacuum command line.

Regards
Richard

mqtt log :
,"charger":[25665,25963],"robot":[25631,25759],"no_go_areas":[[27838,23582,30358,23582,30358,26081,27838,26081]],"virtual_walls":[[29950,23250,30000,26200]]}
Thank you

Having "border" style would be great. I like how valetudo draw zone itself:

simple colored rectangle isn't perfect

Originally posted by @CODeRUS in #48 (comment)

Minor issue. Would it be possible to smooth the path of the vacuum icon travel? I know we're getting the data from mqtt but there must be some way to ease the transition so it's less twitchy. Thanks for a great card!

Hello friends, I have roborock s50, I installed Valetudo RE, it works in HA as MQTT, but the maps part does not work and I am not able to make it work, try this configuration:

I will try to put the steps that I have followed to see if I do something wrong or something is missing …

Copy the inside https://github.com/Poeschl/Hassio-Addons/tree/master/valetudo-mapper of this repository to / docker / homeassistant / custom_components / valetudo-mapper /

Config.json valetudo-mapper:

{
“mqtt”: {
“identifier”: “rockrobo”,
“topicPrefix”: “valetudo”,
“autoconfPrefix”: “homeassistant”,
“broker_url”: “mqtt: // admin: [email protected]: 1883”,
“caPath”: “”,
“mapSettings”: {
“drawPath”: true,
“drawCharger”: true,
“drawRobot”: true,
“drawForbiddenZones”: true,
“drawVirtualWalls”: true,
“border”: 2,
“scale”: 4,
“gradientBackground”: true
},
“mapDataTopic”: “valetudo / rockrobo / map_data”,
“minMillisecondsBetweenMapUpdates”: 10000,
“publishMapImage”: true,
“publishMapData”: true
}
}

config.json roborock:

root @ rockrobo: / mnt / data / valetudo # nano config.json
GNU nano 2.2.6 File: config.json

{
“spots”: [],
“areas”: [],
“ztimers”: [],
“mqtt”: {
“enabled”: true,
“identifier”: “rockrobo”,
“topicPrefix”: “valetudo”,
“autoconfPrefix”: “homeassistant”,
“broker_url”: “mqtt: // admin: [email protected]”,
“provideMapData”: true,
“mapSettings”: {
“drawPath”: true,
“drawCharger”: true,
“drawRobot”: true,
“border”: 2,
“scale”: 4
},
“caPath”: “”

Configuration.yaml

discovery: true
discovery_prefix: homeassistant

sensor:

platform: mqtt
state_topic: “valetudo / rockrobo / state”
json_attributes_topic: “valetudo / rockrobo / map_data_parsed”
name: xiaomi_map
value_template: ‘OK’
scan_interval: 5
remember:
exclude:
entities:

• sensor.xiaomi_map

I add custom card:

crop:
bottom: 0
left: 0
right: 0
top: 0
entity: sensor.xiaomi_map
min_height: 0
rotate: 0
type: ‘custom: valetudo-map-card’

I tried to create docker but it gives exec error user process caused “exec format error”
I use Portainer and docker from:

Pure Home Assistant (not HASSIO)
MQTT
PORTAINER
etc…

Hi,
Could it be possible to add the "angle" parameter for the robot position and the charger position please ? (not just left and top position) see new commit for https://github.com/rand256/valetudo-mapper

rand256/valetudo-mapper@f9cb790#diff-48cbac8e92e79592605d7d23cdbce639R37

Thanks a lot :)

Hi, after updating to latest version when i click on the view with Valetudo map card whole browser freezes. I've just downgraded to the previous version of card and everyting works ok.
Please help.

I'm running Home Assistant 0.114.0

Having dash-styled path while "Go to the target point" is running would be great:

Currently, no-go areas and currently selected zones for cleanup draw a box with complete opacity. This hides the whole map below it. The color generation feature needs to be smarter and set transparency by default.

Hello,

would it be possible to add option 'vacuum_color' to define vacuum icon color?

Regards,
Jacek

It only scales the container, not the actual map.

I have installed the frontend addon using HACS, but (even after restarting HA), when im trying to add the card as per documentation, im getting this error:

Custom element doesn't exist: valetudo-map-card.

Hi,
I just updated Hassio to 0.106.1,

I got error at Lovelace UI

"Cannot add property show_dock, object is not extensible"

Lovelace card states "Cannot assign to read only property 'rotate' of object '#'" when setting the rotate value to any number other than 0.

Example config:

type: 'custom:valetudo-map-card'
entity: sensor.robovac_map
rotate: 180
crop:
  top: 0
  bottom: 0
  left: 0
  right: 0
min_height: 0

Interestingly, rotate: 3.14rad works fine.

I believe this started showing up in Home Assistant v0.106.1 which might help either narrow the issue or mean it's not an issue on your end. I'm also not 100% sure if/how the setConfig() function has changed throwing the new error, but would love some help tracking it down.

Since version 0.110, the resources are anymore where the documentation describes. It is now under configuration > lovelace > resources

Is it possible to zoom a map?
Ive tried playing with map_scale parameter, setting it to 1.5 or 2 but it doesnt zoom.

Hi!

I'm looking for option to draw zone rectangle on map when cleaning in process, like in original valetudo map

Valetudo:

Map card:

New map format will need a lot of rewriting

• Charger location
• Robot location
• Floor
• Walls
• Path
• No go areas
• Virtual walls
• Active zones (previously: currently_cleaned_zones)

Hi,
after installation 0.110 the icon of the vacuum didn't move over the map. It is stucked at left upper corner during movement of the robot. The Path of the robot is visible. Here a screenshot of my map:

I would like to add the map of my house in the background, so that the path of robots are drawn on my map. Maybe setting a fixed point for the charging dock so you can maintain a correct orientation.

Hello ). It would be good to add a pause button. When I use zoned cleanup (always) stop button definitely erase my map. I have Xiaomi vacuum 1s

I've been running this on a Pi 3B and it seems that this card chews through memory quite rapidly? I noticed the memory usage in my system monitor was at 146MB but within a few minutes was down to 44MB and now I can no longer access the web GUI and the Pi will need a reboot.

Anyone else experience this?

Related: #4.

If you haven't defined any virtual walls, the attribute is not added on the sensor, this causes this error when trying to load the map: TypeError: mapData.attributes.virtual_walls is undefined.

Two or three lines form around the no_go_area and vary with the virtual_wall_width parameter :
this is normal?

  - type: 'custom:valetudo-map-card'
    entity: sensor.xiaomi_map
    map_scale: 1.7
    icon_scale: 1
    rotate: 0
    path_color: black
    virtual_wall_color: red
    virtual_wall_width: 5
    no_go_area_color: rgba(255, 0, 0, 0.2)
    crop:
      top: 100
      bottom: 100
      left: 100
      right: 70
    dock_color: Orange
    vacuum_color: purple
    min_height: 0

Originally posted by @rmickael62 in #18 (comment)

Hi there, great project 👍

A while ago I used the image renderer of Valetudo and its REST API to display the map in Home Assistant. Since then, this card has replaced it, since it is much more versatile.

However, afaik, it is currently not possible to use the rendered map image from this custom component as a notification image. To allow this I would be interested in a way to render the map not only in the browser, but also to a file, possibly using a customized homeassistant service call. That way the image file can be used by other services, like f.ex. a notify service.

I am not sure if this lovelace component is the right place to ask for this, so feel free to guide me to other places if necessary.
Thx

Hello,

I've been running the plugin smoothly and yesterday I decided to run the update. After that I can't see the map anymore and sometimes it even hides all the content from the lovelace tab where the map is. Any suggestion to fix this?

Regards.

With version 0.106 this card stops working. This is because starting from this version, the config object is no longer extensible (see here). A quick and dirty fix: add the following line at the very top of the setConfig method

config = JSON.parse(JSON.stringify(config))

Tested and working, but there may be other, more elegant solutions.

Are the colors supposed to look like this?
https://imgur.com/a/ikI0M6R

I haven't added any color arguments. I saw you could change the floor color but can I change the background and wall color to make it look something like this?
https://imgur.com/a/WcOlJPl

I'm running latest ran256 fork.

Thanks!

The custom buttons are great (once I figured out how to implement them). I had to pick icons for them, which could sometimes be a little opaque, especially for a housemate. It would be very useful to add hint bubbles when you hover over the icons. These could default to something like the command, but be changeable.

Hi,

i'm try used this --valetudo-map-floor-color and --secondary-background-color without success on lovelace.. :(
Can you share an exemple please?

Thank you.

Hi,

at first I have to thank you for your amazin work.
I'm using the card since it poped up in my hacs. After I configured everything it works fine but since I updatet the card yesterday I didn't see the map anymore only the spinner:/ I've tested different browser and the IOS app.

I've checked the documentation for changes since the last version but did not find anything.

Can you give me a hint for debugging this error?

Thank you for the great work. I'd like to request a feature where you can define buttons with scripts, similar as seen here:

https://macbury.github.io/SmartHouse/HomeAssistant/Vacuum/

This would allow for go to target buttons of clean zone buttons etc.

Please add aspect ratio support for card like a picture card using camera! I need it to set final card size so that it does not change after cropping the map

Currently it's only possible to set floor_color to transparent ('rgba(0, 0, 0, 0)'), but to use an image as floorplan in the background, it's necessary to make the actual background of the card itself transparent.

With the lovelace picture-elements card it's easy to set an image as background that reflects the floorplan. On top of that the lovelace-valetudo-map-card can be added with its customizations

type: picture-elements
image: https://online.visual-paradigm.com/repository/images/e5728e49-09ce-4c95-b83c-482deee24386.png
elements:
  - type: 'custom:valetudo-map-card'
    entity: sensor.xiaomi_map
    map_scale: 1.2
    style:
      left: 50%
      top: 50%
    floor_color: 'rgba(0, 0, 0, 0)'
    path_color: 'rgba(255, 0, 0, 1)'

It would be great to be able to configure the cards background color.
Thanks for looking into it!