Mapfolio можно использовать не только на компьютере, но и на смартфоне или планшете. Для этого не нужно устанавливать отдельное приложение — сервис открывается в обычном браузере.
На мобильном устройстве с Mapfolio работают две группы пользователей:
- Владелец карты входит в личный кабинет, добавляет точки, загружает фотографии и меняет настройки.
- Посетитель сайта открывает готовую карту, ищет точки, применяет фильтры и просматривает карточки.
В этой статье разберём оба варианта.
Как войти в Mapfolio с телефона
- Откройте браузер на телефоне. Например, Chrome, Safari или Яндекс Браузер.
- Перейдите на сайт lk.mapfolio.ru.
- Введите адрес электронной почты, который использовали при регистрации.
- Введите пароль.
- Нажмите кнопку «Войти».
- Дождитесь загрузки личного кабинета.
После входа откроется главная страница со списком созданных точек.
Мобильное меню личного кабинета
На небольшом экране основное меню Mapfolio скрывается, чтобы оставить больше места для работы.
Чтобы переместиться на другую страницу, необходимо нажать на треугольник справа от «Главная».
Через значок «⧩» можно перейти в следующие разделы:
- Главная — список точек и карта.
- Виджеты — создание и настройка карты для сайта.
- Подписка — информация о текущем тарифе.
- Настройки — поля точек, API-ключи и настройки аккаунта.
Для открытия меню необходимо нажать на круглую кнопку с тремя горизонтальными линиями.
Оттуда можно перейти в такие разделы как:
- Обучение — инструкции по работе с Mapfolio.
- Поддержка — обращение за помощью.
А также там отображаются электронная почта пользователя, действующий тариф и количество созданных точек.
Работа с точками на телефоне
Просмотр точек списком
После входа в личный кабинет точки отображаются списком. В каждой карточке можно увидеть основную информацию о точке.
С помощью кнопок в карточке можно:
- открыть точку для редактирования;
- временно скрыть точку;
- удалить точку;
- вернуть скрытую точку на карту.
Для перемещения по странице проводите пальцем вверх или вниз.
Просмотр точек на карте
В верхней части страницы можно переключаться между двумя режимами:
- «Список» — точки показаны в виде карточек.
- «На карте» — точки показаны метками на карте.
Чтобы посмотреть информацию о точке на карте, нажмите на её метку.
Карту можно перемещать пальцем. Для изменения масштаба разведите два пальца или сведите их вместе.
Если карта двигается вместе со страницей
Сначала один раз нажмите на карту, а затем перемещайте её пальцем. Для прокрутки самой страницы проводите пальцем по свободному месту рядом с картой.
Поиск и фильтры
Если точек много, используйте поиск или фильтры.
Чтобы найти точку:
- Нажмите на строку поиска.
- Введите название точки или часть названия.
- Дождитесь обновления списка.
- Нажмите на найденную точку.
Чтобы отобрать точки по определённым параметрам, нажмите кнопку фильтров. Выберите город или нужные значения, а затем примените фильтр.
Как создать новую точку с телефона
- Откройте раздел «Главная».
- Нажмите круглую кнопку «+» внизу экрана.
- На вкладке «Основная информация» заполните название, адрес и остальные необходимые поля.
- При вводе адреса выберите подходящий вариант из появившегося списка.
- Проверьте положение точки на карте.
- Перейдите на вкладку «Медиа файлы», если нужно добавить фотографии или видео.
- Откройте вкладку «Предпросмотр» и проверьте, как будет выглядеть карточка.
- Нажмите «Сохранить».
Как изменить существующую точку
Найдите нужную точку в списке и нажмите кнопку редактирования. После этого измените информацию и нажмите «Сохранить».
Если вы передумали вносить изменения, нажмите «Отмена». При попытке закрыть страницу с несохранёнными изменениями Mapfolio может показать дополнительное предупреждение.
Добавление фотографий и видео
Загрузка фотографий
- Откройте точку для редактирования.
- Перейдите на вкладку «Медиа файлы».
- Нажмите кнопку добавления фотографии.
- Выберите фотографию в памяти телефона.
- На некоторых устройствах браузер также предложит сразу сделать новый снимок.
- Дождитесь завершения загрузки.
- При необходимости настройте область обрезки изображения.
- Сохраните точку.
Как изменить порядок фотографий
Нажмите кнопку изменения порядка фотографий. Затем коснитесь нужной фотографии, удерживайте её и переместите на новое место.
После завершения нажмите «Применить».
Первая фотография обычно используется как основное изображение точки, поэтому поставьте на первое место самый понятный и качественный снимок.
Добавление видео
Видео добавляется на той же вкладке «Медиа файлы».
Для добавления видео укажите ссылку на него. При необходимости можно загрузить отдельную обложку и изменить порядок видео в карточке точки.
Перед сохранением проверьте ссылку: видео должно открываться и быть доступно посетителям.
Настройка виджета с телефона
На телефоне можно открыть раздел «Виджеты», создать виджет и изменить его основные настройки.
Например, можно:
- выбрать точки для отображения;
- включить необходимые фильтры;
- изменить текст мобильной заставки;
- настроить цвета;
- проверить предварительный просмотр;
- скопировать код установки.
Однако точную настройку размеров виджета и установку кода на сайт удобнее выполнять на компьютере. На большом экране легче одновременно видеть настройки, предварительный просмотр и редактор сайта.
Как посетитель работает с картой на телефоне
Открытие карты
На мобильном устройстве посетитель сначала может увидеть компактный блок с предложением посмотреть точки на карте.
Чтобы открыть карту, нужно нажать кнопку «Открыть карту». После этого карта развернётся на весь экран телефона.
Чтобы вернуться на сайт, посетитель может нажать кнопку закрытия или системную кнопку «Назад».
Поиск и фильтрация точек
В открытом виджете посетитель может нажать кнопку поиска и ввести название нужной точки.
Для более точного отбора используется кнопка фильтров. В зависимости от настроек карты посетитель сможет:
- выбрать город;
- выбрать значение из списка;
- указать диапазон чисел;
- применить выбранные параметры;
- сбросить фильтры.
После нажатия кнопки «Применить» на карте и в списке останутся только подходящие точки.
Переключение между картой и списком
Чтобы увидеть точки в виде карточек, нажмите «Открыть список».
Для возвращения к меткам нажмите «Открыть карту».
В режиме списка можно прокручивать карточки, пользоваться поиском и открывать подробную информацию о выбранной точке.
Просмотр карточки точки
Чтобы открыть карточку, нажмите на метку на карте или на точку в списке.
На телефоне карточка появляется в нижней части экрана. Её можно потянуть вверх, чтобы увидеть больше информации, или вниз, чтобы свернуть.
В карточке могут отображаться:
- название;
- адрес;
- фотографии;
- видео;
- основные характеристики;
- дополнительное описание.
Фотографии можно перелистывать движением пальца влево или вправо. При нажатии изображение откроется на весь экран.
Основные жесты на мобильном устройстве
| Действие | Что произойдёт |
|---|---|
| Одно нажатие | Откроется кнопка, метка, фотография или карточка |
| Движение пальцем вверх или вниз | Страница или список будут прокручены |
| Движение пальцем по карте | Карта переместится |
| Сведение двух пальцев | Масштаб карты или фотографии уменьшится |
| Разведение двух пальцев | Масштаб карты или фотографии увеличится |
| Движение по фотографии влево или вправо | Откроется следующее или предыдущее изображение |
| Перетаскивание карточки вверх | Откроется больше информации о точке |
| Перетаскивание карточки вниз | Карточка будет свёрнута |
Определение местоположения посетителя
В мобильном виджете можно нажать кнопку определения местоположения. Браузер попросит разрешить сайту доступ к геолокации.
Если посетитель разрешит доступ, карта покажет его примерное текущее положение. Это помогает понять, какие точки находятся рядом.
Что удобнее делать с телефона, а что — с компьютера
| Действие | Телефон | Компьютер |
|---|---|---|
| Посмотреть список точек | Удобно | Удобно |
| Найти или отфильтровать точку | Удобно | Удобно |
| Быстро изменить название или адрес | Удобно | Удобно |
| Добавить фотографии с телефона | Особенно удобно | Возможно |
| Создать точку во время поездки | Особенно удобно | Не всегда удобно |
| Заполнить большое описание | Возможно, но медленнее | Удобнее |
| Настроить сложный виджет | Возможно | Удобнее |
| Проверить мобильный виджет | Особенно удобно | Можно через предпросмотр |
| Установить код виджета на сайт | Неудобно | Рекомендуется |
Что делать, если Mapfolio работает неправильно
- Проверьте подключение телефона к интернету.
- Закройте экранную клавиатуру — она может перекрывать кнопки.
- Обновите страницу в браузере.
- Подождите несколько секунд, если загружается фотография или карта.
- Закройте лишние вкладки браузера.
- Попробуйте повернуть телефон в горизонтальное положение.
- Убедитесь, что браузеру разрешено использовать местоположение, если не работает кнопка геолокации.
- Попробуйте открыть Mapfolio в другом современном браузере.
- Если сложная настройка неудобна на маленьком экране, продолжите работу с компьютера.
Краткий порядок работы с телефона
- Откройте личный кабинет Mapfolio в браузере.
- Найдите существующую точку или создайте новую.
- Заполните основную информацию.
- Добавьте фотографии и видео.
- Проверьте точку во вкладке «Предпросмотр».
- Сохраните изменения.
- Откройте виджет на телефоне.
- Проверьте карту, список, поиск, фильтры и карточку точки.