Maps

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

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

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

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

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

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

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

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

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

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

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

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

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

Дай му име, за да запомниш за какво е картата.
Изберете дали искате потребителят да може да се движи по картата.
Задайте колко висока искате да бъде картата в пиксели.
Изберете дали искате потребителят да може да увеличава и намалява мащаба на картата.
Изберете стил на картата, който е съобразен с уебсайта, в който ще вграждате картата.
Изберете цвят на маркера.
Изберете първоначалната страна на картата, която искате потребителите да видят първо. По подразбиране това е оригиналната страна на този инвентар.
Можете да добавяте свои собствени маркери, кръгове, правоъгълници и полигони, за да посочите други местоположения на картата, които потребителите ви биха могли да намерят за интересни.
Кликнете върху 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

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

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

Научете повече за нашата колекция отУеб компоненти.
Научете повече заПлъгин за WordPress Wink.