Skip to content

Maps

Мапа представља или једног добављача (нпр. хотел или пружаоца услуга искуства) или инвентар (нпр. тип собе, салу за састанке, спа центар итд.) или колекцију инвентара као што је курирана листа или сачувана претрага и приказује те детаље путем интерактивне мапе која садржи маркере на мапи које је могуће резервисати. Корисник може да интерагује са мапом на следеће начине:

Мапа са маркерима
Мапа са ознакама на мапи
  • Зумирајте, померите и превуците мапу да бисте видели расположиви инвентар.
  • Кликните на маркер на мапи да бисте видели детаље инвентара у обликуКартица.
Мапа са отвореном картицом
Мапа са инвентаром који се може резервисати

Остатак овог чланка ће вас провести кроз процес креирања, прилагођавања и дељења мапа.

Мапе се могу креирати на два начина:

Мапа са једним маркером

Section titled “Мапа са једним маркером”
Акције
Радње са резултатима претраге

Изнад је слика преузета изПретрагаи приказује вам неке ствари које можете да урадите са резултатима претраге. Једна од тих радњи јеMake a map. Кликните на то дугме и бићете преусмерени на нашу страницу са формуларом за мапу где можете почети са прилагођавањем мапе.

Обојекуриране листеисачуване претрагедолазе са акцијом која вам омогућава да креирате мапу. Ова мапа ће садржати маркере мапе за сав инвентар унутар тих листа.

Формулар вам омогућава да прилагодите мапу на следеће начине:

  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 показују како се користипрограм за учитавање садржаја намигнућаВеб компоненту и реците јој да преузме рекламни банер за ваш код.
  • Ред 11 вам показује како да уградите наш Јаваскрипт у ваш сајт.
  • Ред 13 вам показује како да уградитепрограм за учитавање апликација winkВеб компоненту и реците јој да преузме ваше поставке конфигурације на нивоу странице.

Програмери који желе да управљају мапама могу да оду наПрограмери > API > Инвентар.