> ## Documentation Index
> Fetch the complete documentation index at: https://docs.gridix.live/llms.txt
> Use this file to discover all available pages before exploring further.

# Визуализация планировок

> Как связать лоты с интерактивными областями на планах этажей

Визуализация превращает обычное изображение плана в интерактивную шахматку: пользователь нажимает на лот и видит его параметры.

## Что нужно подготовить

* изображения этажей или планировок;
* список лотов по этажам;
* корректные номера лотов;
* статусы и цены;
* понимание, какие области на плане соответствуют лотам.

## Как настроить

<Steps>
  <Step title="Загрузите изображение этажа">
    Используйте четкое изображение без лишних подписей и артефактов.
  </Step>

  <Step title="Отметьте лоты">
    Свяжите области на плане с лотами из проекта.
  </Step>

  <Step title="Проверьте клики">
    Нажмите на несколько лотов и убедитесь, что открываются правильные карточки.
  </Step>

  <Step title="Проверьте мобильный вид">
    Убедитесь, что план удобно масштабируется и не обрезается.
  </Step>
</Steps>

## Частые ошибки

<AccordionGroup>
  <Accordion title="Открывается не тот лот">
    Проверьте связь области на плане с номером лота.
  </Accordion>

  <Accordion title="План плохо читается">
    Загрузите изображение выше качеством и уберите лишние элементы.
  </Accordion>

  <Accordion title="На телефоне неудобно выбирать лот">
    Проверьте масштаб, размер контейнера и качество исходного изображения.
  </Accordion>
</AccordionGroup>

## Где нужны скриншоты или видео

{/* VIDEO: короткий ролик “Связать план этажа с лотами” */}