Maps

Mapa predstavuje buď jedného dodávateľa (napr. hotel alebo poskytovateľa zážitkov), alebo inventár (napr. typ izby, zasadaciu miestnosť, kúpele atď.), alebo súbor inventára, ako napríklad zoznam s vybranými položkami alebo uložené vyhľadávanie, a zobrazuje tieto podrobnosti prostredníctvom interaktívnej mapy obsahujúcej rezervovateľné značky. Používateľ môže s mapou interagovať nasledujúcimi spôsobmi:

Priblížte, posuňte a potiahnite mapu pre zobrazenie dostupných zásob.
Kliknite na značku na mape a zobrazte si podrobnosti o inventári vo formeKarta.

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

Zvyšok tohto článku vás prevedie tým, ako vytvárať, prispôsobovať a zdieľať mapy.

Vytvorte mapu

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

Mapa s jedným značkovačomVytvorte mapu z niečoho, čo ste našli počasvyhľadávanie.
Mapa s viacerými značkamiVytvoriť mapu zzoznam vybranýchalebouložené vyhľadávanie.

Mapa s jedným značkovačom

Hore je obrázok prevzatý zHľadaťa ukazuje vám niektoré veci, ktoré môžete robiť s výsledkami vyhľadávania. Jednou z týchto akcií jeMake a map. Kliknite na toto tlačidlo a budete presmerovaní na našu stránku s mapovým formulárom, kde si môžete začať prispôsobovať mapu.

Mapa s viacerými značkami

Obajazoznamy s kurátormiauložené vyhľadávaniaprichádzajú s akciou, ktorá vám umožní vytvoriť mapu. Táto mapa bude obsahovať značky mapy pre všetok inventár v týchto zoznamoch.

Prispôsobiť mapu

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

Dajte jej názov, aby ste si zapamätali, o čom mapa je.
Vyberte, či chcete, aby sa používateľ mohol pohybovať po mape.
Nastavte, akú vysokú mapu chcete mať v pixeloch.
Vyberte, či chcete, aby mal používateľ možnosť priblížiť alebo oddialiť mapu.
Vyberte štýl mapy, ktorý sa hodí k webovej stránke, na ktorú chcete mapu vložiť.
Vyberte farbu fixky.
Vyberte úvodnú stranu karty, ktorú chcete, aby používatelia videli ako prvú. Predvolene je to natívna strana daného inventára.
Môžete pridať vlastné značky, kruhy, obdĺžniky a polygóny, ktoré označia ďalšie miesta na mape, ktoré by mohli vašich používateľov zaujímať.
Kliknite na Save tlačidlo pre pokračovanie.

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

Zdieľať mapu

Vyššie uvedený obrázok zobrazuje všetky dostupné akcie pre vašu mapu:

AktualizáciaAktualizuje konfiguráciu mapy.
Pridať do WinkLinksPridá mapu do vášho účtu WinkLinks.
VložiťUkazuje vám, ako vložiť túto mapu akoMapana vašu webovú stránku.
Používajte s WordPressomUkáže vám, ako používať našeDoplnok WordPressuvložiť túto mapu na vašu webovú stránku.

Niektoré z týchto možností si podrobnejšie rozoberieme 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 postup, ako vložiť mapu na vašu stránku:

Riadok 3 ukazuje, ako vložiť štýly Wink do vašej stránky.
Riadky 6 až 9 ukazujú, ako používaťnačítavač obsahu winkWebový komponent a povedzte mu, aby pre váš kód načítal reklamný banner.
Riadok 11 vám ukazuje, ako vložiť náš Javascript do vašej stránky.
Riadok 13 ukazuje, ako vložiťnačítavač aplikácií winkWebový komponent a povedzte mu, aby načítal vaše konfiguračné preferencie na úrovni stránky.

API

Vývojári, ktorí chcú spravovať mapy, môžu prejsť naVývojári > API > Inventár.

Ďalšie čítanie

Získajte viac informácií o našej kolekciiWebové komponenty.
Získajte viac informácií oDoplnok Wink pre WordPress.