Vacuum Interactive Map Card

xl2019 · August 21, 2019, 7:10am

Crickus · August 21, 2019, 7:47am

Thanks. Firefox isn’t the best choice to test JS
FloleVac seems to stop working outside local net.
But in local it still write coordinates in to the buffer on long press on “Zone cleaning” (four coordinates) or “Go to the point” (one coordinate).

talondnb · August 24, 2019, 12:43am

Is there a way to get the coordinates that are sent to the vac from HA when using the zone cleanup method? I’m trying to get these coordinates to create fixed zones. Unfortunately I don’t have any android devices so unable to use the Flolevac app for this.

sendorm · August 24, 2019, 7:04am

You don’t need an android device to use flolevac. You can use an android emulator like nox. Which is the method I’ve used to get the coordinates.

talondnb · August 24, 2019, 7:08am

Literally just grabbed it, thanks for the suggestion. I just figure since the zone cleanup feature within the card seems to work well it might have a way to present the coordinates? Since it needs the coordinates to send to the vac with the vacuum.send_command.

3_14 · August 24, 2019, 10:00am

I thought about it recently, it shouldn’t be hard to implement

talondnb · August 24, 2019, 11:11am

a very welcome addition!

sendorm · August 25, 2019, 7:32am

So flolevac is able to get the map while using an unrooted vacuum. Is this possible with HASS anyhow? As far as I know not possible as of now.

3_14 · August 26, 2019, 12:22am

@talondnb I have just added this feature, you can check it out in the latest version of the card

@sendorm FloleVac downloads data from Xiaomi cloud, you can check out this thread: Add Map to Xiaomi vacuum cleaner

sendorm · August 26, 2019, 2:30am

Yes flolevac needs your mi account and password to do so. I was asking if that was possible, but in the thread you’ve provided it says that not as of yet. Thanks.

krovachek · August 26, 2019, 4:28am

How does it work?

talondnb · August 26, 2019, 7:43am

From github:

Enabling debug in settings, drawing zone in Zoned cleanup mode and holding Start button. Note: this method also works for other modes.

Once you’ve added the debug option, just hold down the Start button until the icon changes, then let go and a popup will appear with the coordinates.

tresor · August 26, 2019, 10:14am

Hello,
At first I would like to thank you for a great plugin, I really appreciate your job!
I guess I experience the same issue that @Dernebo described before.
The height of the map is to big on iPhone (either in Safari or HA application, it’s the same) and as a result it’s lower part is cropped and there is no dropdown menu at all. Unfortunately - it makes it useless on iPhone.
I tried to play with some %height and %width settings in style.js and xiaomi-vacuum-map-card.js files - but with no success. There is to many dependencies inside. When the map was displayed correctly, zones were moved and also pointer (in Go to and Zoned cleaning mode) moved away from mouse pointer.
It would be good to have some general scalling factor as apparently Safari has some problems with proper rendering.
I would appreciate if you could consider this in one of possible future releases.
Thank you in advance!

xl2019 · August 26, 2019, 10:25am

Hi，@3_14 If i can get mi map periodically，how to update this card？

thundergreen · August 26, 2019, 5:04pm

Hi all. I have Valetudo running and rockrobo paired with hassio. BUT I wanna create some sonsors and fail to get the state.

This are the attributes:

How ould i make template sensor for

valetudo_state: {
  "id": 8,
  "name": "Charging"

here my attempt of getting sensor values. I just struggle with valetudo states…

## Vacuum Cleaner Sensors

  - platform: template    
    sensors:
      xiaomi_status:
        entity_id: vacuum.rockrobo
        value_template: >
            {% if states. vacuum.rockrobo.attributes.status == "Charging" %}
              Charging
            {% elif states. vacuum.rockrobo.attributes.status == "Cleaning" %}
              Cleaning
            {% elif states. vacuum.rockrobo.attributes.status == "Returning home" %}
              Returning Home
            {% elif states. vacuum.rockrobo.attributes.status == "Zoned cleaning" %}
              Zoned Cleaning
            {% elif states. vacuum.rockrobo.attributes.status == "Manual mode" %}
              Manual Mode
            {% elif states. vacuum.rockrobo.attributes.status == "Going to target" %}
              Going to Target
            {% elif states. vacuum.rockrobo.attributes.status == "Charger disconnected" %}
              Charger Disconnected
            {% elif states. vacuum.rockrobo.attributes.status == "Error" %}
              Error
            {% elif states. vacuum.rockrobo.attributes.status == "Unknown" %}
              Unknown
            {% elif states. vacuum.rockrobo.attributes.status == "Idle" %}
              Idle
            {% else %}
              {{ states. vacuum.rockrobo.attributes.status }}
            {%- endif %}
        friendly_name: 'Status Vacuum Cleaner'
        icon_template: mdi:altimeter

      xiaomi_battery_level:
        entity_id: vacuum.rockrobo
        friendly_name: 'Battery Status'
        value_template: '{{ states.vacuum.rockrobo.attributes.battery_level | float | int }}'
        unit_of_measurement: '%'
        device_class: battery

      xiaomi_fan_speed:
        entity_id: vacuum.rockrobo
        friendly_name: 'Fan Speed'
        value_template: '{{ states.vacuum.rockrobo.attributes.fan_speed }}'

      xiaomi_cleaning_time:
        entity_id: vacuum.rockrobo
        friendly_name: 'Cleaning Time'
        value_template: '{{ states.vacuum.rockrobo.attributes.cleanTime }}'


      xiaomi_cleaning_count:
        entity_id: vacuum.rockrobo
        friendly_name: 'Cleaning Count'
        value_template: '{{ states.vacuum.rockrobo.attributes.cleanCount }}'

      xiaomi_total_cleaned_area:
        entity_id: vacuum.rockrobo
        friendly_name: 'Total cleaned area'
        value_template: '{{ states.vacuum.rockrobo.attributes.cleanArea }}'

      xiaomi_total_cleaning_time:
        entity_id: vacuum.rockrobo
        friendly_name: 'Total cleaning time'
        value_template: '{{ states.vacuum.rockrobo.attributes.cleanTime }}'

      xiaomi_main_brush_left:
        entity_id: vacuum.rockrobo
        friendly_name: 'Main brush left'
        value_template: '{{ states.vacuum.rockrobo.attributes.mainBrush }}'

      xiaomi_side_brush_left:
        entity_id: vacuum.rockrobo
        friendly_name: 'Side brush left'
        value_template: '{{ states.vacuum.rockrobo.attributes.sideBrush }}'

      xiaomi_sensor_dirty_left:
        entity_id: vacuum.rockrobo
        friendly_name: 'Sensor dirty left'
        value_template: '{{ states.vacuum.rockrobo.attributes.sensor }}'

      xiaomi_filter_left:
        entity_id: vacuum.rockrobo
        friendly_name: 'Filter left'
        value_template: '{{ states.vacuum.rockrobo.attributes.filter }}'

SNoof85 · August 26, 2019, 5:24pm

Hey,

Excellent work, at the moment just tried it and seems i have some tweaks to get correct alignment with image/zones. Maybe base and reference are not completly correct on my setup
I also tried to cast a view with this card and it seems not working. Anyone managed to cast this card ?

3_14 · August 26, 2019, 8:50pm

It is a second from my cards that have casting issues, I definitely have to take a closer look at it. Unfortunately right now I do not have any cast-enabled devices

3_14 · August 26, 2019, 8:52pm

@tresor you can make your map more rectangular by adding empty spaces to the image, this should help with your issue

@xl2019 right now it is not possible

SNoof85 · August 26, 2019, 9:52pm

Haha ok. Would be glad to test if you need ! I’ll check as soon as I have some time if I can get some clues !

First : read FAQ

If you’re a custom card developer:
the most common mistake is that LitElement is extracted from an element that is not available on the page.

Could be ?

tresor · August 27, 2019, 7:49am

Thank you. I’ll give it a try.
It works!