Mapy

Mapa predstavuje buď jedného dodávateľa (napr. hotel alebo poskytovateľa zážitkov), alebo inventár (t.j. typ izby, zasadacia miestnosť, wellness atď.) alebo kolekciu inventára, ako je kurátorský zoznam alebo uložené vyhľadávanie, a zobrazuje tieto detaily prostredníctvom interaktívnej mapy obsahujúcej rezervovateľné značky na mape. Používateľ môže s mapou interagovať nasledujúcimi spôsobmi:

Približovať, posúvať a ťahať mapu, aby ste videli dostupný inventár.
Kliknúť na značku na mape, aby ste videli detaily inventára vo forme Karty.

Mapa s otvorenou kartou — *Mapa s rezervovateľným inventárom*

Zvyšok tohto článku vás prevedie tým, ako vytvoriť, prispôsobiť a zdieľať vaše mapy.

Vytvoriť mapu

Mapy je možné vytvoriť dvoma spôsobmi:

Mapa s jednou značkou: Vytvorte mapu z niečoho, čo ste našli pri vyhľadávaní.
Mapa s viacerými značkami: Vytvorte mapu z kurátorského zoznamu alebo uloženého vyhľadávania.

Mapa s jednou značkou

Vyššie je obrázok z Vyhľadávania, ktorý vám ukazuje niektoré z možností, čo môžete robiť s výsledkami vyhľadávania. Jednou z týchto akcií je Vytvoriť mapu. Kliknite na toto tlačidlo a budete presmerovaní na stránku s formulárom pre mapu, kde môžete začať prispôsobovať svoju mapu.

Mapa s viacerými značkami

Oba kurátorské zoznamy a uložené vyhľadávania majú akciu, ktorá vám umožní vytvoriť mapu. Táto mapa bude obsahovať značky na mape pre všetok inventár v týchto zoznamoch.

Prispôsobiť mapu

Formulár vám umožňuje prispôsobiť vašu mapu nasledujúcimi spôsobmi:

Pomenujte ju, aby ste si zapamätali, o čom mapa je.
Vyberte, či chcete povoliť používateľovi pohybovať sa po mape.
Nastavte výšku mapy v pixeloch.
Vyberte, či chcete povoliť používateľovi približovať a oddiaľovať mapu.
Vyberte štýl mapy, ktorý ladí s webovou stránkou, do ktorej mapu vložíte.
Vyberte farbu značky.
Vyberte počiatočnú tvár karty, ktorú chcete, aby používatelia videli ako prvú. Predvolene je to natívna tvár daného inventára.
Môžete pridať vlastné značky, kruhy, obdĺžniky a polygóny na označenie iných miest na mape, ktoré by mohli byť pre vašich používateľov zaujímavé.
Kliknite na tlačidlo Uložiť pre pokračovanie.

Po uložení mapy budete presmerovaní na stránku vašich máp a vaša mapa je teraz pripravená na zdieľanie so svetom.

Zdieľať mapu

Vyššie vidíte obrázok so všetkými dostupnými akciami pre vašu mapu:

Aktualizovať Aktualizuje konfiguráciu vašej mapy.
Pridať do WinkLinks Pridá mapu do vášho účtu WinkLinks.
Vložiť Ukáže vám, ako vložiť túto mapu ako Mapu do vašej webovej stránky.
Použiť s WordPress Ukáže vám, ako použiť náš WordPress plugin na vloženie tejto mapy do vašej webovej stránky.

Niektoré z týchto možností podrobnejšie popisujeme nižšie.

Vložiť

<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>

Tu je návod, ako vložiť vašu mapu do vašej stránky:

Riadok 3 ukazuje, ako vložiť štýly Wink do vašej stránky.
Riadky 6 až 9 ukazujú, ako použiť Web Component wink-content-loader a povedať mu, aby načítal reklamnú lištu pre váš kód.
Riadok 11 ukazuje, ako vložiť náš Javascript do vašej stránky.
Riadok 13 ukazuje, ako vložiť Web Component wink-app-loader a povedať mu, aby načítal vaše konfiguračné preferencie na úrovni stránky.

API

Vývojári, ktorí chcú spravovať mapy, môžu navštíviť Developers > API > Inventory.

Ďalšie čítanie

Dozviete sa viac o našej kolekcii Web Components.
Dozviete sa viac o Wink WordPress plugine.