Как настроить виджет «Отельная карта», который показывает отели на карте выбранного места.
Виджет «Отельная карта» покажет отели на карте города или места, которое выбрал турист.
Чтобы настроить виджет и получить его код для размещения на сайте, в личном кабинете партнёра перейдите в партнёрскую программу Hotellook, выберите Инструменты и откройте вкладку «Виджеты».
В настройках виджета вы можете изменить его внешний вид и задать дополнительные параметры:
- Проекты — выберите проект, на котором будет размещен виджет.
- Sub ID — используется для удобства ведения статистики (подробнее смотрите здесь).
- Домен — хост-адрес, с которого карта получает данные.
- Местоположение — место, которое будет отображаться на карте.
- Язык — на каком языке отображается информация на карте.
- Валюта — валюта, в которой отображается стоимость отелей.
Настройка оформления и поведения:
- Возможность перетаскивать — разрешить или запретить перемещать карту с помощью мышки.
- Отключить зуммирование — включает ограничение на приближение/отдаление карты.
- Увеличение при прокрутке — изменение масштаба с помощью колёсика мышки.
- Цвет маркеров — цвет оформления маркеров отелей.
- Цвет текста — цвет текста внутри маркеров отелей.
- Ширина, Высота — максимальная ширина и высота виджета. Размер виджета автоматически подстраивается под разрешение экрана, но ограничен максимальной шириной и высотой (совет: вы можете задать ширину 4096 px, чтобы виджет автоматически заполнял всю страницу по ширине для любых меньших разрешений).
- Масштаб — масштаб карты.
- Радиус — расстояние между отелями для поиска. Чем меньше значение, тем больше отелей будет отображаться на карте при заданном масштабе.
Фильтры:
- Звезды — показать отели только заданной звёздности.
- Цена от, Цена до — показать отели только в заданном диапазоне цен.
- Рейтинг — показать отели с рейтингом в указанном диапазоне.
Чтобы разместить код на сайте, нажмите кнопку Скопировать код и вставьте полученный код на свой сайт.
Пример кода для вставки с id отеля:
<script src="//tp.media/content?0=0&1=10&promo_id=4285&shmarker=78606&campaign_id=101&search_host=search.hotellook.com&locale=ru¤cy=usd&draggable=true&disable_zoom=false&scrollwheel=false&color=%2307AF61&contrast_color=%23ffffff&width=1000&height=500&zoom=14&radius=50&stars=0%2C1%2C2%2C3%2C4%2C5&price_from=&price_to=&lat=7.893587&lng=98.29682" charset="utf-8"></script>
Пример работы виджета