Перейти до вмісту

Maps

Карта представляє або окремого постачальника (наприклад, готель чи постачальника послуг враження), або асортимент (наприклад, тип кімнати, конференц-зал, спа-центр тощо), або колекцію асортименту, таку як кураторський список або збережений пошук, і відображає ці деталі за допомогою інтерактивної карти, що містить маркери для бронювання. Користувач може взаємодіяти з картою такими способами:

Карта з маркерами
Карта з картографічними маркерами
  • Збільшуйте, панорамуйте та перетягуйте карту, щоб побачити доступний інвентар.
  • Натисніть на маркер на карті, щоб переглянути деталі інвентаризації у виглядіКартка.
Карта з відкритою карткою
Карта з доступним для бронювання інвентарем

У решті цієї статті ви дізнаєтесь, як створювати, налаштовувати та ділитися своїми картами.

Карти можна створювати двома способами:

Дії
Дії з результатами пошуку

Вище наведено зображення, взяте зПошукі показує вам деякі речі, які ви можете зробити з результатами пошуку. Одна з цих дій –Make a map. Натисніть цю кнопку, і ви перейдете на сторінку форми карти, де зможете розпочати налаштування своєї карти.

Карта з кількома маркерами

Section titled “Карта з кількома маркерами”

Обидвакураторські спискиізбережені пошукимають дію, яка дозволяє створити карту. Ця карта міститиме маркери для всього інвентарю в цих списках.

Форма дозволяє налаштувати карту такими способами:

  1. Дайте їй назву, щоб ви запам’ятали, про що ця карта.
  2. Виберіть, чи хочете ви дозволити користувачеві переміщення по карті.
  3. Встановіть висоту карти в пікселях.
  4. Виберіть, чи дозволити користувачеві збільшувати та зменшувати масштаб карти.
  5. Виберіть стиль карти, який відповідає веб-сайту, на який ви вбудовуєте карту.
  6. Виберіть колір маркера.
  7. Виберіть початкову сторону картки, яку користувачі мають бачити першою. За замовчуванням це власна сторона цього інвентарю.
  8. Ви можете додавати власні маркери, кола, прямокутники та багатокутники, щоб позначити інші місця на карті, які можуть бути цікавими для ваших користувачів.
  9. Натисніть на Save кнопку, щоб продовжити.

Після збереження карти вас буде перенаправлено на сторінку карт, і тепер ваша карта готова до публікації у світі.

Карта
Запис на карті зі згорнутим меню дій

Вище показано зображення з усіма доступними діями для вашої карти:

  • ОновленняОновлює конфігурацію вашої карти.
  • Додати до WinkLinksДодає карту до вашого облікового запису WinkLinks.
  • ВбудуватиПоказує, як вбудувати цю карту якКартана ваш веб-сайт.
  • Використовуйте з WordPressПоказує, як користуватися нашимиПлагін WordPressвбудувати цю карту на свій вебсайт.

Деякі з цих варіантів ми розглянемо детальніше нижче.

<html>
<head>
<link rel="stylesheet" href="https://elements.wink.travel/styles.css"></link>
</head>
<body>
<wink-content-loader
layout="MAP"
id="64d7cbc8-61df-11ef-9722-42004e494300"
></wink-content-loader>
<script src="https://elements.wink.travel/elements.js" type="module" defer></script>
<wink-app-loader
client-id="YOUR CLIENT ID GOES HERE"
configuration-id="YOUR CUSTOMIZATION ID GOES HERE"
></wink-app-loader>
</body>
</html>

Ось як вбудувати карту на свій сайт:

  • У рядку 3 показано, як вбудувати стилі Wink на ваш сайт.
  • У рядках з 6 по 9 показано, як використовуватизавантажувач контенту winkВеб-компонент і накажіть йому отримати рекламний банер для вашого коду.
  • У рядку 11 показано, як вбудувати наш Javascript на ваш сайт.
  • У рядку 13 показано, як вбудуватизавантажувач програм winkВеб-компонент і накажіть йому отримати налаштування конфігурації на рівні сторінки.

Розробники, які хочуть керувати картами, можуть перейти доРозробники > API > Інвентаризація.