Как устроен Mapfolio: точки, карточки, фильтры и виджеты

Mapfolio помогает собрать ваши объекты на интерактивной карте и показать их посетителям сайта.

Вся работа строится вокруг четырёх элементов.

• Точка — объект, который вы добавляете на карту.

• Карточка — информация о точке, которую видит посетитель.

• Фильтр — инструмент для отбора подходящих точек.

• Виджет — готовая карта, которую можно установить на сайт.

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

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

В точку можно добавить:

• название;

• адрес или положение на карте;

• основные характеристики;

• подробное описание;

• фотографии;

• видео.

Каждая точка получает координаты. Благодаря им Mapfolio понимает, в каком месте карты нужно поставить маркер.

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

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

После сохранения этот проект появляется в вашем личном кабинете.

Карточка — это представление точки для посетителя.

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

Одна и та же точка используется в двух местах:

• в личном кабинете — как карточка для управления;
• в виджете — как карточка для посетителей сайта.

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

В Mapfolio можно использовать два типа фильтров.

Представим, что на карте размещены квартиры.

Для поля «Количество комнат» можно создать список с несколькими готовыми вариантами.

• 1 комната;
• 2 комнаты;
• 3 комнаты.

Для поля «Цена» можно создать числовой фильтр. Посетитель сможет указать минимальную и максимальную стоимость.

После применения фильтров на карте останутся только подходящие квартиры.

Основные поля используются для коротких характеристик точки. Их можно настроить в разделе «Настройки» → «Поля и фильтры».

Для основного поля можно отдельно указать:

• нужно ли показывать его в карточке;
• должно ли оно участвовать в фильтрации;
• разрешён ли множественный выбор.

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

Поля описания не заменяют основные поля и фильтры.

Виджет — это готовый интерактивный блок Mapfolio, который устанавливается на сайт.

В текущей версии доступен способ установки «Встроенный блок». Такой виджет размещается в выбранной части страницы сайта.

Внутри виджета посетитель может:

• посмотреть точки на карте;
• открыть список объектов;
• использовать поиск;
• выбрать город;
• применить настроенные фильтры;
• открыть карточку точки;
• посмотреть фотографии и видео;
• определить своё местоположение.

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

Перед установкой результат можно проверить в интерактивном предпросмотре.

После сохранения Mapfolio подготовит код. Его нужно скопировать и установить в нужное место на сайте.

Работа Mapfolio обычно выглядит так.

1. Вы создаёте точку в личном кабинете.
2. Добавляете название, положение на карте, характеристики и медиафайлы.
3. Mapfolio автоматически формирует карточку точки.
4. Настроенные основные поля становятся характеристиками и фильтрами.
5. Виджет показывает опубликованные точки посетителям вашего сайта.