Интерактивные области и метки
От: Xlogic
Модуль предоставляет удобный визуальный редактор для создания интерактивных областей на изображениях прямо в административной панели 1С-Битрикс. С его помощью вы можете выделять прямоугольные, круглые и произвольные области на картинках, назначать им цвета, названия и описания, привязывать клик к ссылке или карточке инфоблока, а затем выводить карту на сайте компонентом.
Для каких задач подходит модуль?
Недвижимость и застройщики — интерактивные генпланы коттеджных посёлков, поэтажные планы новостроек или схемы бизнес-центров. Клиент сразу видит свободные, забронированные и проданные участки или квартиры благодаря цветовой индикации.
Торговые центры и выставки — схемы расположения павильонов, магазинов или фудкортов.
Автодилеры и сервисы — интерактивные схемы устройства автомобиля, где при наведении на деталь всплывает подсказка с её названием и ссылкой на каталог запчастей.
Образовательные и справочные проекты — визуализация схем, планов, инфографики с пояснениями.
Интернет-магазины — взрыв-схемы товаров с подписями деталей.
Основные возможности
- Создание трёх типов фигур: прямоугольник, круг/эллипс, произвольный полигон
- Перетаскивание областей, изменение размера и точек полигона
- Цвет, название и описание каждой области
- Масштаб холста (зум / сброс), выравнивание и привязка к сетке
- Отмена / повтор, дублирование, слои
- Клик: ссылка, элемент / раздел / ТП инфоблока или модальное окно
- На сайте: подсказка, названия, hover-only, таблица-легенда
- Публикация компонентом xlogic:markup.map (рекомендуется) или шорткодом #код#
- Адаптация при ресайзе окна и замене файла
- Копирование карты в списке
|
Дата публикации
|
04.08.2026 |
|
Число установок
|
Менее 50 раз |
|
Дата обновления
|
10.10.2026 |
|
Включает в себя
|
Компоненты Модуль |
|
Последняя версия
|
1.7.0 |
|
Адаптивность
|
Нет |
|
Поддержка композита
|
Нет |
|
Совместимо с Сайты24
|
Нет |
|
Подходящие редакции 1С-Битрикс
|
3380 3381 3382 3383 3442 |
|
Наличие демо-режима
|
Да |
|
Продолжительность демо-периода
|
10 |
-
Новое
- Тип свойства инфоблока «Карта разметки (xlogic.markup)»: карта выбирается у элемента и выводится в шаблоне catalog.element через CatalogIntegration::renderFromElementProperty()
- В редакторе появился поиск раздела и торгового предложения во всплывающем окне (как у элемента)
- Редактор работает на планшетах: рисование и перетаскивание пальцем, двойное касание завершает полигон
- У карты появилось поле «Сортировка»
- У таблицы-легенды на сайте появились заголовки столбцов
- Карты с сайтом «все сайты» больше не привязываются к сайту по умолчанию при переустановке модуля с сохранением данных и при обновлениях
- Карту с длинным латинским названием (код длиннее 64 символов) не удавалось сохранить
- При выключенных шорткодах не сохранялась вторая карта с тем же латинским названием: занятый код теперь получает суффикс _2, _3
- Сортировка карты сбрасывалась на 500 при каждом сохранении
- Кнопка «Подробнее» в модальном окне вела на страницу элемента, а не на ссылку, заданную у области (или в обработчике OnGetAreaHref)
- Свойства в модальном окне выводились идентификаторами: теперь показываются значения списков, названия привязанных элементов и файлов, множественные значения через запятую
- Область, привязанная только к торговому предложению без своей страницы, была некликабельной: ссылка ведёт на страницу товара
- Раздел из другого инфоблока, чем указан у карты, молча не выводился
- Настройки показа по умолчанию были доступны только при включённых шорткодах
- Кнопки выравнивания в редакторе на сайтах в кодировке windows-1251 отображались знаками «?»
- Групповое действие «для всех» в списке карт игнорировало фильтр по сайту
- Области смещались на фотографиях, снятых телефоном с поворотом (EXIF)
- Неактивная или не найденная карта выводила посетителям сообщение об ошибке; теперь сообщение видят только администраторы
- Кеш компонента xlogic:markup.map сбрасывается при изменении привязанных элементов и разделов инфоблока
- Шорткод #код# выводит карту из кеша, а не собирает её на каждом хите
- Пустой результат (неактивная карта) тоже кешируется
- Композитный кеш страниц сбрасывается один раз на групповое действие и не сбрасывается при копировании карты
- Свойства для модального окна загружаются одним запросом на инфоблок и только для областей с модальным окном
- Обновление структуры таблиц не выполняется на публичных страницах и защищено от параллельного запуска
- Установка не зависит от кеша подключения модулей ядра; при ошибке установка откатывается и причина показывается на экране
- Обработчик типа свойства «Карта разметки» регистрируется при обновлении
- После обновления кеш карт и композитный кеш страниц сбрасываются
- 1.6.0 (26.09.2026)
Отображение области маркером
- Новая настройка области «Отображение»: закрашенная область или маркер
- Маркер — пин цвета области в её центре (центр прямоугольника / эллипса, центроид многоугольника)
- Для маркера область на сайте не закрашивается; подсказка, клик и клавиатура работают на пине
- При включённых названиях подпись выводится под пином
- В редакторе маркерные области показаны пунктиром с пином, в списке помечены «маркер»
- Исправлено: при включённом (авто)композите карта из компонента xlogic:markup.map показывалась без областей до сброса кеша
- Компонент поддерживает композит (setFrameMode), CSS/JS карты остаются в закешированной странице
- Сохранение, удаление и смена активности карты сбрасывают композитный кеш страниц
- Карта инициализируется и после подмены разметки композитом или AJAX (в т.ч. карты из шорткодов)
- Загрузка изображения карты: имя, расширение и MIME файла определяются сервером по реальному типу картинки, имя от клиента не используется
- Кеш компонента xlogic:markup.map разделяется по группам пользователя: данные элементов и разделов с ограниченным доступом не попадают другим посетителям
- Колонка DISPLAY_MODE в таблице областей добавляется автоматически
- Удаляется устаревший class.php компонента, если он остался от прошлых версий
- Стабильность публикации и админки, инструменты редактора (масштаб, выравнивание, сетка), кеш компонента, упрощение настроек.
Публикация на сайте
Компонент xlogic:markup.map: ассеты CSS/JS подключаются и при cache hit (component_epilog.php).
Инвалидация кеша карт при сохранении / удалении / активации (версия кеша + tagged cache).
В ключ кеша добавлен LANGUAGE_ID (корректный язык подписей модалки на мультиязычных сайтах).
Шорткод #code# по умолчанию выключен; предпочтителен компонент.
Админка
В редакторе: кнопки масштаба (зум / сброс), выравнивания областей и привязки к сетке; панель инструментов сгруппирована по функциям.
- добавлена возможность привязки области к ссылке или элементу инфоблока с выбором варианта открытия: в том же окне или в модальном окне
