Maps
Карта представляє або окремого постачальника (наприклад, готель чи постачальника послуг враження), або асортимент (наприклад, тип кімнати, конференц-зал, спа-центр тощо), або колекцію асортименту, таку як кураторський список або збережений пошук, і відображає ці деталі за допомогою інтерактивної карти, що містить маркери для бронювання. Користувач може взаємодіяти з картою такими способами:
- Збільшуйте, панорамуйте та перетягуйте карту, щоб побачити доступний інвентар.
- Натисніть на маркер на карті, щоб переглянути деталі інвентаризації у виглядіКартка.
У решті цієї статті ви дізнаєтесь, як створювати, налаштовувати та ділитися своїми картами.
Створити карту
Section titled “Створити карту”Карти можна створювати двома способами:
- Карта з одним маркеромСтворіть карту з чогось, що ви знайшли під часпошук.
- Карта з кількома маркерамиСтворіть карту зкураторський списокабозбережений пошук.
Карта з одним маркером
Section titled “Карта з одним маркером”Вище наведено зображення, взяте зПошукі показує вам деякі речі, які ви можете зробити з результатами пошуку. Одна з цих дій –Make a map
.
Натисніть цю кнопку, і ви перейдете на сторінку форми карти, де зможете розпочати налаштування своєї карти.
Карта з кількома маркерами
Section titled “Карта з кількома маркерами”Обидвакураторські спискиізбережені пошукимають дію, яка дозволяє створити карту. Ця карта міститиме маркери для всього інвентарю в цих списках.
Налаштувати карту
Section titled “Налаштувати карту”Форма дозволяє налаштувати карту такими способами:
- Дайте їй назву, щоб ви запам’ятали, про що ця карта.
- Виберіть, чи хочете ви дозволити користувачеві переміщення по карті.
- Встановіть висоту карти в пікселях.
- Виберіть, чи дозволити користувачеві збільшувати та зменшувати масштаб карти.
- Виберіть стиль карти, який відповідає веб-сайту, на який ви вбудовуєте карту.
- Виберіть колір маркера.
- Виберіть початкову сторону картки, яку користувачі мають бачити першою. За замовчуванням це власна сторона цього інвентарю.
- Ви можете додавати власні маркери, кола, прямокутники та багатокутники, щоб позначити інші місця на карті, які можуть бути цікавими для ваших користувачів.
- Натисніть на
Save
кнопку, щоб продовжити.
Після збереження карти вас буде перенаправлено на сторінку карт, і тепер ваша карта готова до публікації у світі.
Поділитися картою
Section titled “Поділитися картою”Вище показано зображення з усіма доступними діями для вашої карти:
- ОновленняОновлює конфігурацію вашої карти.
- Додати до WinkLinksДодає карту до вашого облікового запису WinkLinks.
- ВбудуватиПоказує, як вбудувати цю карту якКартана ваш веб-сайт.
- Використовуйте з WordPressПоказує, як користуватися нашимиПлагін WordPressвбудувати цю карту на свій вебсайт.
Деякі з цих варіантів ми розглянемо детальніше нижче.
Вбудувати
Section titled “Вбудувати”<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 > Інвентаризація.
Додаткова інформація
Section titled “Додаткова інформація”- Дізнайтеся більше про нашу колекціюВеб-компоненти.
- Дізнайтеся більше проПлагін Wink для WordPress.