Layerpin logo
Аннотации и медиа

Инфо-карточки, всплывающие окна и медиа

Прикрепляйте метаданные, галереи фото и кнопки действий к маркерам или зонам. Настраивайте всплывающие окна, боковые панели, модальные окна и полноэкранный режим.

5 режимов презентации

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

1. Наведите курсор/нажмите всплывающее окно

Плавающее всплывающее окно, привязанное непосредственно к маркеру или центроиду фигуры. Имеет интеллектуальное обнаружение столкновений в области просмотра, поэтому изображение никогда не выходит за пределы экрана. Идеально подходит для быстрого получения подробной информации, номеров комнат и ценников.

2. Боковой ящик (правый/левый)

Плавно задвигается от края экрана. Идеально подходит для каталогов магазинов, профилей стендов и подробных описаний, не закрывая центр карты.

3. Центрированный модальный диалог

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

4. Полноэкранный разделенный просмотр

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

5. Мобильный нижний лист (автоматический)

На мобильных телефонах карточки автоматически адаптируются к панели жестов в стиле iOS с сенсорными маркерами перетаскивания и точками привязки (предварительный просмотр 70 % и полная высота 100 %), что обеспечивает удобство работы на мобильных устройствах.

Глобальная настройка по умолчанию и настройка для каждого элемента

Вы можете установить глобальный режим представления для всей карты в редакторе или настроить отдельные маркеры и фигуры с их собственным уникальным представлением (например, стандартные булавки открывают всплывающие окна, а VIP-киоски открывают полноэкранный режим).

Модульные разделы контента

Каждая карточка состоит из 6 модульных блоков контента. Вы можете независимо отображать, скрывать, настраивать типографику и изменять порядок каждого раздела:

Название и заголовок

Пользовательское семейство шрифтов, размер, вес, цвет, выравнивание и сохранение многострочных разрывов.

Описание уценки

Форматированный текст с жирным шрифтом, курсивом, ссылками и списками. Включает автоматическое 3-строчное крепление со складной кнопкой «Показать больше/Показать меньше».

Структурированные поля

Пары «ключ-значение» в сочетании со значками (телефон, электронная почта, часы работы, цена). Поддерживает макеты «Стек», «Инлайн» или «Только значения» с разделителями.

Теги категорий

Таблички значков с цветовой кодировкой, соответствующие категориям вашей карты, с дополнительным размещением по всей ширине и расширением «+X дополнительных тегов».

Кнопки действий/призывы к действию

Кнопки призыва к действию для внешних URL-адресов (сайт, бронирование, маршруты). Настраивается в макетах «Стек», «Ряд» или «Сетка с двумя столбцами».

Фотогалерея Герой

Карусель изображений в заголовке с настраиваемым соотношением сторон, подгонкой изображения и полноэкранным лайтбоксом с масштабированием.

Многоязычные информационные карточки

Все копии карточек, включая заголовки, расширенные описания, метки и значения настраиваемых полей, теги и кнопки действий, могут быть локализованы на 16 родных языках. Проверьте Руководство по многоязычным картам чтобы увидеть, как работает редактор переводов с четырьмя вкладками.

Переупорядочение в реальном времени внутри карты

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

Медиатека и галереи изображений

Украсьте свои места яркими фотографиями, архитектурными изображениями и деталями плана этажа:

Вложения из нескольких изображений

Прикрепите несколько изображений к любому маркеру или фигуре. Легко меняйте порядок изображений или выбирайте любую фотографию в качестве основного изображения обложки, отображаемого в верхней части карточки.

8 Соотношения сторон галереи

Выберите идеальное соотношение кадров для вашего контента: сверхширокий (21:9), широкий (16:9), компактный (2:1), альбомный (3:2), стандартный (4:3), квадратный (1:1), портретный (4:5) или высокий (3:4), с режимами настройки «Покрыть» или «Содержать».

Интерактивный просмотрщик лайтбоксов

Посетители могут щелкнуть любое изображение, чтобы открыть полноэкранный лайтбокс с полным разрешением и плавной навигацией с помощью клавиатуры, пролистывания и масштабирования.

Централизованный менеджер медиа-активов

Загружайте до 20 файлов за раз. Поддерживаемые форматы: SVG, JPEG, PNG, WEBP, AVIF, BMP, с отслеживанием квоты хранилища в реальном времени.

Оформление карты и глобальные настройки по умолчанию

Каждый аспект оболочки карты может быть адаптирован в соответствии с вашим брендом:

Фон, границы и тени
  • Фон: Сплошные цвета с контролем непрозрачности, прозрачные карты или плавные линейные градиенты.
  • Границы: Сплошные, пунктирные или пунктирные границы SVG с настраиваемой шириной обводки и цветовой или градиентной заливкой.
  • Угловой радиус и тени: Сглаженные закругленные углы (от 0 до 24 пикселей+) и мягкие окружающие тени.
Сохранить как пресет по умолчанию

Создав идеальное оформление карточки, нажмите «Сохранить по умолчанию» внизу панели стилей. Layerpin подтвердит выбор и автоматически применит этот стиль ко всем существующим и новым маркерам и фигурам.

Вы по-прежнему можете настраивать отдельные точки доступа, если для представленной выставки, стенда спонсора или ключевой достопримечательности требуются уникальные цвета или специальный макет.