Виджет карты

Виджет «Карта цен»

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

Клик в любом месте виджета перенаправляет пользователя на карту, размещенную на сайте map.aviasales.ru. При этом пользователю становятся доступными фильтры, с помощью которых настраиваются отображаемые на карте рейсы.

Чтобы изменить язык карты на английский, используйте адрес вида: map.aviasales.ru/?locale=en.

Настройки виджета

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

Настройка виджета

  • Город вылета — указывается город, который по умолчанию будет отмечен на карте в качестве пункта отправления.
  • Язык — язык карты.
  • Домен — сайт, на котором открывается список билетов при клике на виджет. Чтобы список билетов открывался на вашем сайте, создайте и настройте White Label, после чего выберите его в списке доменов.
  • Только прямые рейсы — на карте отображаются только рейсы без пересадок.
  • Скрыть логотип — установите галку, чтобы скрыть логотип компании Aviasales.
  • Код для размещения на сайте — скопируйте код и разместите на странице сайта.

Дополнительные параметры

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

  • auto_fit_map — автоматическое изменение масштаба карты к городу;
  • hide_sidebar — скрывать сайдбар с настройками карты;
  • show_filters_icon — показывать кнопку фильтров;
  • redirect_on_click — перенаправлять на сайт aviasales при клике в любом месте карты (если поставить false, то пользователь сможет взаимодействовать с картой непосредственно на вашем сайте);
  • show_tutorial — показывать подсказку по работе с картой при первом запуске.

Пример работы виджета

 

Была ли эта статья полезной?

Еще есть вопросы? Отправить запрос