Predefined Zones are not shown in map

Hi! I’ve tried a lot by myself, but cannot figure out, why the zones do not show up. I have a Xiaomi Vacuum (SDJQR02RR), so the live map is always created new for xiaomi-vacuum-map-extractor, which is why I would like to use xiaomi-vacuum-map-card I have created a map and it is shown in the card. I have configured zones, interestingly it is transformed into a different format once I save the card - see below.

type: 'custom:xiaomi-vacuum-map-card'
entity: vacuum.xiaomi_vacuum
map_image: /local/custom_lovelace/xiaomi_vacuum_map_card/map.png
calibration_points:
  - vacuum:
      x: 26576
      'y': 30123
    map:
      x: 14
      'y': 11
  - vacuum:
      x: 26576
      'y': 22093
    map:
      x: 14
      'y': 716
  - vacuum:
      x: 26576
      'y': 22093
    map:
      x: 1340
      'y': 716
zones:
  - - - 22605
      - 22003
      - 26576
      - 30257
      - 1
  - - - 18456
      - 22048
      - 22337
      - 26153
      - 1
  - - - 14574
      - 26153
      - 22516
      - 28071
      - 1
  - - - 11808
      - 22003
      - 16047
      - 26242
      - 1

The files are put at this path and map is shown properly

/config/www/custom_lovelace/xiaomi_vacuum_map_card

Resource has been added

resources:
  - url: /local/custom_lovelace/xiaomi_vacuum_map_card/xiaomi-vacuum-map-card.js
    type: module

But nothing is shown

Interestingly, for xiaomi-vacuum-map-extractor, this is working (though not usable to newly created map (map was tilted last time)

Do you have any idea, what’s wrong here?

[PiotrMachowski]

I will try to recreate your config and find a problem

[PiotrMachowski]

I have spotted the problem with configuration: all vacuum points have the same x value