Отельная карта (отельный виджет)

Отельная карта

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

Нажмите ссылку «Посмотреть примеры», чтобы открыть страницу с различными вариантами оформления отельной карты.

С помощью расширенных настроек укажите:

  • Местоположение — место, которое будет отображаться на карте;
  • Язык — на каком языке отображается информация на карте;
  • Host — хост-адрес, с которого карта получает данные;
  • Дополнительный маркер — используется для удобства ведения статистики;
  • Возможность перетаскивать — разрешить или запретить перемещать карту с помощью мышки;
  • Отключить зуммирование — включает ограничение на приближение/отдаление карты;
  • Увеличение при прокрутке — изменение масштаба с помощью колесика мышки;
  • Размер маркера — устанавливается размер значка, отмечающего отель на карте;
  • Раскрасить карту — расцветка карты подстраивается под выбранную цветовую схему;
  • Цветовая схема — варианты оформления маркеров отелей и расцветки карты;
  • Код для вставки — код отельной карты. Разместите его у себя на странице, чтобы карта начала отображаться для посетителей сайта.

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

Лайфхак: как быстро получить отельные карты для различных городов без ручной генерации

<iframe src="//maps.travelpayouts.com/hotels?color=%2300b1dd&locale=ru&marker=16886.hotelsmap&changeflag=0&draggable=true&map_styled=false&map_color=%2300b1dd&contrast_color=%23FFFFFF&disable_zoom=false&base_diameter=20&scrollwheel=false&host=hotellook.ru&lat=55.7558&lng=37.61760000000004&zoom=12" height="400px" width="500px"  scrolling="no" frameborder="0"></iframe>
  • Уберите в нем параметры lat и lng (это широта и долгота города, которая устанавливается при создании формы):

lat=55.7558&lng=37.61760000000004

  • Добавьте параметр city_iata. Он содержит IATA код города, для которого вы создаете карту отелей.

city_iata=MOW

где MOW — это IATA код Москвы. IATA код указывается только буквами верхнего регистра.

  • Теперь достаточно менять значение параметра city_iata, чтобы получить карту для другого города. Для этого вам потребуется список всех IATA-кодов.

Пример итогового кода:

<iframe src="//maps.travelpayouts.com/hotels?color=%2300b1dd&locale=ru&marker=19561.hotelsmap&changeflag=0&draggable=true&map_styled=false&map_color=%2300b1dd&contrast_color=%23FFFFFF&disable_zoom=true&base_diameter=20&scrollwheel=true&host=hotellook.ru&city_iata=MOW&zoom=10" height="400px" width="500px" scrolling="no" frameborder="0"></iframe>

 

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

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