Layerpin logo
Конфигурация

Информационная карточка карты и элементы навигации

Настройте карточку заголовка карты, форматированное описание markdown, кнопки действий, стиль карточки, строку поиска и фильтры категорий в панели «Информация о карте».

Обзор и архитектура панели

Панель «Информация о карте» объединяет карточку описания карты и инструменты навигации в едином рабочем пространстве. Если карточки маркеров содержат локальные сведения для отдельных точек, то карточка информации о карте служит постоянным приветственным баннером для всего проекта.

Доступ к информации о карте: На левой боковой панели редактора откройте Настроить (значок кисти) > Информация о карте (или откройте редактор с параметром ?tab=customize&panel=map-info) для настройки текста карточки, размеров, стилей стекла и инструментов поиска.
Постоянная карточка приветствия

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

Центр навигации и поиска

Централизует элементы навигации: управляйте поиском меток по ключевым словам и панелями фильтров по категориям.

Содержимое карточки (Заголовок, Описание, Медиа и Кнопки)

Карточка информации о карте состоит из четырех независимых разделов, каждый из которых можно настроить в соответствии с вашим брендом:

Название карты и типографика

Задает главный заголовок карты со счетчиком символов. Настраивайте шрифты, размер (12px–36px), начертание, цвет и выравнивание.

Подробное описание в Markdown

Предоставляет текстовое описание, правила для посетителей, часы работы или расписание. Поддерживает форматирование текста, ссылки и списки.

Изображение карточки и масштабирование

Выберите баннер из медиатеки. Настройте соотношение сторон и режимы заполнения (Заполнить/Cover или Вместить/Contain).

Кнопки действий (CTA)

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

Размеры, порядок и отступы

Точно настройте размеры и баланс карточки, чтобы гармонично дополнить поэтажный план:

Параметры макета и размеров
  • Фиксированная ширина карточки: Регулируйте ширину карточки на десктопе от 260px до 600px (по умолчанию: 336px).
  • Изменение порядка разделов перетаскиванием: Меняйте порядок разделов перетаскиванием с помощью удобных маркеров.
  • Расстояние между разделами: Регулируйте вертикальные промежутки между разделами от 0px до 24px.
  • Внутренние отступы содержимого (X и Y): Настраивайте горизонтальные и вертикальные отступы внутри карточки (до 32px).

Внешний вид, эффект стекла и границы рамки

Layerpin предлагает широкие настройки для адаптации карточки к темной теме, фирменным цветам или минимализму:

Фон и прозрачность

Настраивайте цвета заливки, градиенты или текстуры с регулятором прозрачности (0%–100%).

Размытие фона (матовое стекло)

Создает стильный эффект матового стекла за карточкой, сохраняя текст идеально четким.

Обводка рамки и штрихи

Настраивайте внешнюю рамку: толщину (1px–8px), градиенты, пунктирные узоры и форму углов.

Скругление углов и тень

Регулируйте радиус скругления (от 0px до 32px) и включайте мягкие тени для объемности.

Исходное состояние и сворачивание на десктопе

Управляйте состоянием карточки при открытии карты и возможностью ее свернуть:

Развернута по умолчанию:

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

Кнопка сворачивания (десктоп):

Отображает кнопку в шапке карточки, позволяя пользователям ПК свернуть ее при необходимости.

Адаптивность для мобильных устройств: На смартфонах и планшетах карточка автоматически сворачивается в удобную нижнюю панель.

Строка поиска и фильтрация по категориям

Помимо самой карточки, в панели находятся переключатели поиска и фильтрации для посетителей:

Переключатель строки поиска

Включает плавающую строку поиска для быстрого поиска объектов по названию, описанию, тегам или полям.

Переключатель фильтров категорий

Включает панель категорий для фильтрации по этажам, статусам, типам помещений или отделам.

Форматы фильтров на десктопе (Полный vs Компактный)

При включенных фильтрах выберите формат их расположения на экране компьютера:

Полный (горизонтальная панель)

Размещает кнопки фильтров горизонтально в верхней панели с поддержкой прокрутки и перетаскивания. Идеально для 2–5 категорий.

Компактный (выпадающее меню)

Объединяет все фильтры в одну компактную кнопку с индикатором количества, экономя пространство экрана.