Térképek

A térkép egyetlen szolgáltatót (pl. szálloda vagy élmény szolgáltató), készletet (pl. szobatípus, tárgyaló, spa stb.) vagy készletgyűjteményt, például egy válogatott listát vagy elmentett keresést jelenít meg, és ezeket interaktív térképen, foglalható térképjelzőkkel mutatja be. A felhasználó a térképpel a következő módokon léphet interakcióba:

Térkép jelzőkkel — *Térkép térképjelzőkkel*

Nagyíthat, kicsinyíthet, mozgathatja és húzhatja a térképet, hogy megtekinthesse az elérhető készletet.
Kattintson egy térképjelzőre, hogy megtekinthesse a készlet részleteit Kártya formájában.

Térkép nyitott kártyával — *Térkép foglalható készlettel*

A cikk további része végigvezet a térképek létrehozásán, testreszabásán és megosztásán.

Térkép létrehozása

Térképek kétféleképpen hozhatók létre:

Egyszeres jelzős térkép: Készíts térképet valamiről, amit a keresés során találtál.
Többszörös jelzős térkép: Készíts térképet egy válogatott listából vagy egy elmentett keresésből.

Egyszeres jelzős térkép

Műveletek — *Keresési eredmények műveletei*

Fent egy kép látható a Keresés oldalról, amely bemutat néhány lehetőséget, amit a keresési eredményekkel tehetsz. Ezek közül az egyik a Térkép készítése. Kattints erre a gombra, és átirányítunk a térkép űrlap oldalára, ahol elkezdheted a térképed testreszabását.

Többszörös jelzős térkép

Mind a válogatott listák, mind az elmentett keresések rendelkeznek olyan művelettel, amely lehetővé teszi térkép készítését. Ez a térkép az adott listákban található összes készlethez térképjelzőket tartalmaz.

Térkép testreszabása

Az űrlap a térkép testreszabását a következő módokon teszi lehetővé:

Adj neki egy nevet, hogy emlékezz, miről szól a térkép.
Válaszd ki, hogy engedélyezed-e a felhasználónak a térkép mozgatását.
Állítsd be, hogy hány pixel magas legyen a térkép.
Válaszd ki, hogy engedélyezed-e a felhasználónak a térkép nagyítását és kicsinyítését.
Válassz egy térképstílust, amely illik a weboldalhoz, ahová beágyazod a térképet.
Válassz jelzőszínt.
Válaszd ki az első kártyaoldalt, amit a felhasználók először látnak. Alapértelmezés szerint az adott készlet natív oldala.
Hozzáadhatsz saját jelzőket, köröket, téglalapokat és sokszögeket, hogy más, a felhasználók számára érdekes helyeket jelölj a térképen.
Kattints a Mentés gombra a folytatáshoz.

A térkép mentése után átirányítunk a térképek oldaladra, és a térkép készen áll a megosztásra.

Térkép megosztása

Fent egy kép látható az összes elérhető művelettel a térképedhez:

Frissítés Frissíti a térkép beállításait.
Hozzáadás a WinkLinkshez Hozzáadja a térképet a WinkLinks fiókodhoz.
Beágyazás Megmutatja, hogyan ágyazhatod be ezt a térképet Térképként a weboldaladba.
Használat WordPress-szel Megmutatja, hogyan használhatod a WordPress bővítményünket a térkép beágyazásához a weboldaladon.

Az alábbiakban részletesebben is bemutatunk néhány lehetőséget.

Beágyazás

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

Így ágyazhatod be a térképed a weboldaladba:

A 3. sor mutatja, hogyan ágyazd be a Wink stílusokat az oldaladba.
A 6-9. sorok bemutatják, hogyan használd a wink-content-loader Web Komponenst, és hogyan kérj egy hirdetési bannert a kódodhoz.
A 11. sor mutatja, hogyan ágyazd be a Javascriptünket az oldaladba.
A 13. sor mutatja, hogyan ágyazd be a wink-app-loader Web Komponenst, és hogyan kérd le az oldal szintű konfigurációs beállításaidat.

API

A térképek kezelésével foglalkozó fejlesztők a Fejlesztők > API > Készlet menüpontban találhatják meg a szükséges információkat.

További olvasnivaló

Tudj meg többet a Web Komponenseinkről.
Tudj meg többet a Wink WordPress bővítményről.