Разметка областей на изображениях — интерактивные карты для сайта
Технические данные
- Опубликовано:
- 04.08.2026
- Обновлено:
- 04.09.2026
- Версия:
- 1.5.4
- Установлено:
- Менее 50 раз
- Подходящие редакции:
- «Первый сайт», «Старт», «Стандарт», «Малый бизнес», «Бизнес»
- Адаптивность:
- Нет
- Поддержка Композита:
- Нет
- Совместимо с Сайты24
- Нет
Пользовательское соглашение
Описание
Модуль предоставляет удобный визуальный редактор для создания интерактивных областей на изображениях прямо в административной панели 1С-Битрикс. С его помощью вы можете выделять прямоугольные, круглые и произвольные области на картинках, назначать им цвета, названия и описания, привязывать клик к ссылке или карточке инфоблока, а затем выводить карту на сайте компонентом.
Для каких задач подходит модуль?
Недвижимость и застройщики — интерактивные генпланы коттеджных посёлков, поэтажные планы новостроек или схемы бизнес-центров. Клиент сразу видит свободные, забронированные и проданные участки или квартиры благодаря цветовой индикации.
Торговые центры и выставки — схемы расположения павильонов, магазинов или фудкортов.
Автодилеры и сервисы — интерактивные схемы устройства автомобиля, где при наведении на деталь всплывает подсказка с её названием и ссылкой на каталог запчастей.
Образовательные и справочные проекты — визуализация схем, планов, инфографики с пояснениями.
Интернет-магазины — взрыв-схемы товаров с подписями деталей.
Основные возможности
- Создание трёх типов фигур: прямоугольник, круг/эллипс, произвольный полигон
- Перетаскивание областей, изменение размера и точек полигона
- Цвет, название и описание каждой области
- Масштаб холста (зум / сброс), выравнивание и привязка к сетке
- Отмена / повтор, дублирование, слои
- Клик: ссылка, элемент / раздел / ТП инфоблока или модальное окно
- На сайте: подсказка, названия, hover-only, таблица-легенда
- Публикация компонентом xlogic:markup.map (рекомендуется) или шорткодом #код#
- Адаптация при ресайзе окна и замене файла
- Копирование карты в списке
| 1.5.4 (04.09.2026) | Стабильность публикации и админки, инструменты редактора (масштаб, выравнивание, сетка), кеш компонента, упрощение настроек.
Публикация на сайте Компонент xlogic:markup.map: ассеты CSS/JS подключаются и при cache hit (component_epilog.php). Инвалидация кеша карт при сохранении / удалении / активации (версия кеша + tagged cache). В ключ кеша добавлен LANGUAGE_ID (корректный язык подписей модалки на мультиязычных сайтах). Шорткод #code# по умолчанию выключен; предпочтителен компонент. Админка В редакторе: кнопки масштаба (зум / сброс), выравнивания областей и привязки к сетке; панель инструментов сгруппирована по функциям. |
| 1.5.3 (30.08.2026) |
|
После установки модуля откройте «Контент» → «Разметка областей». Нажмите «Добавить», загрузите изображение и на вкладке «Разметка» создайте области в визуальном редакторе (прямоугольник, эллипс или полигон). При необходимости задайте цвет, название, описание и действие по клику (ссылка или модальное окно). Сохраните карту.
Чтобы вывести карту на сайте, разместите компонент «Карта разметки» (xlogic:markup.map) на нужной странице или в шаблоне и выберите карту в параметрах компонента. Это рекомендуемый способ публикации.
Шорткод вида #код# по умолчанию выключен. Если нужна вставка карты прямо в текст страницы, включите замену шорткодов в настройках модуля, укажите код у карты и вставьте #код# в контент.
Сайт: xlogic.ru
Время работы: пн–пт с 10:00 до 19:00 (МСК, UTC+3).
Время реакции на заявку: в течение 1 рабочего дня