Карти

Карта представлява или един доставчик (например хотел или доставчик на преживявания), или инвентар (т.е. тип стая, конферентна зала, спа и др.) или колекция от инвентар като куриран списък или запазено търсене и показва тези детайли чрез интерактивна карта с резервационни маркери. Потребителят може да взаимодейства с карта по следните начини:

Приближавайте, местете и плъзгайте картата, за да видите наличния инвентар.
Кликнете върху маркер на картата, за да видите детайли за инвентара във формата на Card.

Карта с отворена карта — *Карта с резервационен инвентар*

Останалата част от тази статия ви води през процеса на създаване, персонализиране и споделяне на вашите карти.

Създаване на карта

Картите могат да се създават по два начина:

Карта с един маркер: Създайте карта от нещо, което сте намерили при търсене.
Карта с много маркери: Създайте карта от куриран списък или запазено търсене.

Карта с един маркер

Горната снимка е взета от Търсене и показва някои от нещата, които можете да направите с резултатите от търсенето си. Едно от тези действия е Създай карта. Кликнете върху този бутон и ще бъдете пренасочени към формата за карта, където можете да започнете да персонализирате вашата карта.

Карта с много маркери

И курираните списъци, и запазените търсения имат действие, което ви позволява да създадете карта. Тази карта ще съдържа маркери за всички инвентари в тези списъци.

Персонализиране на карта

Формата ви позволява да персонализирате вашата карта по следните начини:

Дайте ѝ име, за да запомните за какво е картата.
Изберете дали искате потребителят да може да мести картата.
Задайте височината на картата в пиксели.
Изберете дали искате потребителят да може да приближава и отдалечава картата.
Изберете стил на картата, който подхожда на уебсайта, в който ще вграждате картата.
Изберете цвят на маркера.
Изберете началната страна на картата, която искате потребителите да виждат първо. По подразбиране това е родната страна на инвентара.
Можете да добавяте свои собствени маркери, кръгове, правоъгълници и полигони, за да посочите други места на картата, които може да са интересни за вашите потребители.
Натиснете бутона Запази, за да продължите.

След като запазите картата си, ще бъдете пренасочени към страницата с вашите карти и вашата карта вече е готова да бъде споделена със света.

Споделяне на карта

Горната снимка показва всички налични действия за вашата карта:

Актуализирай Актуализира конфигурацията на вашата карта.
Добави към WinkLinks Добавя картата към вашия акаунт в WinkLinks.
Вграждане Показва как да вградите тази карта като Map във вашия уебсайт.
Използване с 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 показват как да използвате Web Component-а wink-content-loader и да му кажете да зареди рекламен банер за вашия код.
Ред 11 показва как да вградите нашия Javascript във вашия сайт.
Ред 13 показва как да вградите Web Component-а wink-app-loader и да му кажете да зареди вашите конфигурационни предпочитания на ниво страница.

API

Разработчиците, които искат да управляват карти, могат да посетят Developers > API > Inventory.

Допълнително четене

Научете повече за нашата колекция от Web Components.
Научете повече за Wink WordPress плъгина.