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-content-loaderУеб компонент и му кажете да извлече рекламен банер за вашия код.
- Ред 11 ви показва как да вградите нашия Javascript във вашия сайт.
- Ред 13 показва как да вградитеwink-app-loaderУеб компонент и му кажете да извлече вашите предпочитания за конфигурация на ниво страница.
Разработчиците, които искат да управляват карти, могат да се насочат къмРазработчици > API > Инвентаризация.
Допълнително четене
Section titled “Допълнително четене”- Научете повече за нашата колекция отУеб компоненти.
- Научете повече заПлъгин за WordPress Wink.