Skip to content

Maps

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

Карта с маркери
Карта с маркери на картата
  • Увеличете мащаба, преместете панорамно и плъзнете картата, за да видите наличните стоки.
  • Кликнете върху маркер на картата, за да видите подробности за инвентара под формата наКарта.
Карта с отворена карта
Карта с резервируем инвентар

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

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

Действия
Действия с резултатите от търсенето

По-горе е изображение, взето отТърсенеи ви показва някои от нещата, които можете да правите с резултатите от търсенето си. Едно от тези действия еMake a map. Кликнете върху този бутон и той ще ви пренасочи към нашата страница с формуляр за карта, където можете да започнете да персонализирате картата си.

Карта с множество маркери

Section titled “Карта с множество маркери”

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

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

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-content-loaderУеб компонент и му кажете да извлече рекламен банер за вашия код.
  • Ред 11 ви показва как да вградите нашия Javascript във вашия сайт.
  • Ред 13 показва как да вградитеwink-app-loaderУеб компонент и му кажете да извлече вашите предпочитания за конфигурация на ниво страница.

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