Виджет карты низких цен на авиабилеты

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

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

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

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

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

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

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

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

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

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

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