Разметка областей на изображениях — интерактивные карты для сайта

Менее 50 раз установок

от Xlogic

Тестировать (5 дней) Купить: 7 900 руб Онлайн-демо

Ставится из 1С-Битрикс Marketplace за пару минут — вкладка «Установка».

Скриншоты

Технические данные

Число установок:

Менее 50 раз

Дата обновления:

04.09.2026

Версия:

1.5.4

Адаптивность:

Нет

Поддержка композита:

Нет

Дата публикации:

04.08.2026

Совместимые редакции

Описание

Модуль предоставляет удобный визуальный редактор для создания интерактивных областей на изображениях прямо в административной панели 1С-Битрикс. С его помощью вы можете выделять прямоугольные, круглые и произвольные области на картинках, назначать им цвета, названия и описания, привязывать клик к ссылке или карточке инфоблока, а затем выводить карту на сайте компонентом.

Для каких задач подходит модуль?

Недвижимость и застройщики — интерактивные генпланы коттеджных посёлков, поэтажные планы новостроек или схемы бизнес-центров. Клиент сразу видит свободные, забронированные и проданные участки или квартиры благодаря цветовой индикации.

Торговые центры и выставки — схемы расположения павильонов, магазинов или фудкортов.

Автодилеры и сервисы — интерактивные схемы устройства автомобиля, где при наведении на деталь всплывает подсказка с её названием и ссылкой на каталог запчастей.

Образовательные и справочные проекты — визуализация схем, планов, инфографики с пояснениями.

Интернет-магазины — взрыв-схемы товаров с подписями деталей.

Основные возможности

Создание трёх типов фигур: прямоугольник, круг/эллипс, произвольный полигон
Перетаскивание областей, изменение размера и точек полигона
Цвет, название и описание каждой области
Масштаб холста (зум / сброс), выравнивание и привязка к сетке
Отмена / повтор, дублирование, слои
Клик: ссылка, элемент / раздел / ТП инфоблока или модальное окно
На сайте: подсказка, названия, hover-only, таблица-легенда
Публикация компонентом xlogic:markup.map (рекомендуется) или шорткодом #код#
Адаптация при ресайзе окна и замене файла
Копирование карты в списке

После установки модуля откройте «Контент» → «Разметка областей». Нажмите «Добавить», загрузите изображение и на вкладке «Разметка» создайте области в визуальном редакторе (прямоугольник, эллипс или полигон). При необходимости задайте цвет, название, описание и действие по клику (ссылка или модальное окно). Сохраните карту.

Чтобы вывести карту на сайте, разместите компонент «Карта разметки» (xlogic:markup.map) на нужной странице или в шаблоне и выберите карту в параметрах компонента. Это рекомендуемый способ публикации.

Шорткод вида #код# по умолчанию выключен. Если нужна вставка карты прямо в текст страницы, включите замену шорткодов в настройках модуля, укажите код у карты и вставьте #код# в контент.

Техническая поддержка: e-mail xlogic.studio@yandex.ru
Сайт: xlogic.ru
Время работы: пн–пт с 10:00 до 19:00 (МСК, UTC+3).
Время реакции на заявку: в течение 1 рабочего дня