Mapy

Mapa představuje buď jednoho dodavatele (např. hotel nebo poskytovatele zážitků), nebo inventář (tj. typ pokoje, zasedací místnost, spa atd.) či kolekci inventáře, jako je kurátorský seznam nebo uložené vyhledávání, a zobrazuje tyto detaily prostřednictvím interaktivní mapy obsahující rezervovatelné značky na mapě. Uživatel může s mapou interagovat následujícími způsoby:

Přibližovat, posouvat a táhnout mapu, abyste viděli dostupný inventář.
Kliknout na značku na mapě a zobrazit detaily inventáře ve formě Karty.

Mapa s otevřenou kartou — *Mapa s rezervovatelným inventářem*

Zbytek tohoto článku vás provede tím, jak vytvářet, přizpůsobovat a sdílet vaše mapy.

Vytvořit mapu

Mapy lze vytvořit dvěma způsoby:

Mapa s jednou značkou: Vytvořte mapu z něčeho, co jste našli při vyhledávání.
Mapa s více značkami: Vytvořte mapu z kurátorského seznamu nebo uloženého vyhledávání.

Mapa s jednou značkou

Výše je obrázek z Vyhledávání, který vám ukazuje některé z možností, co můžete se svými výsledky vyhledávání dělat. Jednou z těchto akcí je Vytvořit mapu. Klikněte na toto tlačítko a budete přesměrováni na stránku s formulářem pro mapu, kde můžete začít mapu přizpůsobovat.

Mapa s více značkami

Jak kurátorské seznamy, tak uložená vyhledávání mají akci, která vám umožní vytvořit mapu. Tato mapa bude obsahovat značky na mapě pro veškerý inventář v těchto seznamech.

Přizpůsobit mapu

Formulář vám umožňuje přizpůsobit mapu následujícími způsoby:

Dejte jí název, abyste si pamatovali, o čem mapa je.
Zvolte, zda chcete uživateli povolit pohybovat se po mapě.
Nastavte výšku mapy v pixelech.
Zvolte, zda chcete uživateli povolit přibližovat a oddalovat mapu.
Vyberte styl mapy, který ladí s webem, do kterého mapu vložíte.
Vyberte barvu značky.
Vyberte počáteční zobrazení karty, které chcete, aby uživatelé viděli jako první. Ve výchozím nastavení je to nativní zobrazení daného inventáře.
Můžete přidat vlastní značky, kruhy, obdélníky a polygony, které označí další zajímavá místa na mapě pro vaše uživatele.
Klikněte na tlačítko Uložit pro pokračování.

Po uložení mapy budete přesměrováni na stránku vašich map a vaše mapa je nyní připravena k sdílení se světem.

Sdílet mapu

Výše vidíte obrázek se všemi dostupnými akcemi pro vaši mapu:

Aktualizovat Aktualizuje konfiguraci vaší mapy.
Přidat do WinkLinks Přidá mapu do vašeho účtu WinkLinks.
Vložit Ukáže vám, jak vložit tuto mapu jako Mapu do vašeho webu.
Použít s WordPress Ukáže vám, jak použít náš WordPress plugin k vložení této mapy do vašeho webu.

Některé z těchto možností podrobněji popisujeme níže.

Vložit

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

Zde je návod, jak vložit vaši mapu na váš web:

Řádek 3 ukazuje, jak vložit styly Wink do vašeho webu.
Řádky 6 až 9 ukazují, jak použít Web Componentu wink-content-loader a říct jí, aby načetla reklamní banner pro váš kód.
Řádek 11 ukazuje, jak vložit náš Javascript do vašeho webu.
Řádek 13 ukazuje, jak vložit Web Componentu wink-app-loader a říct jí, aby načetla vaše konfigurační preference na úrovni stránky.

API

Vývojáři, kteří chtějí spravovat mapy, mohou přejít na Developers > API > Inventory.

Další čtení

Naučte se více o naší kolekci Web Components.
Naučte se více o Wink WordPress pluginu.