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észletek gyűjteményét, 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 a rendelkezésre álló 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:

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

Egy jelzős térkép

Fent egy kép látható a Keresésből, amely megmutatja, milyen műveleteket végezhetsz a keresési eredményekkel. Az egyik ilyen művelet 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ép testreszabását.

Több 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 lehetővé teszi a térkép testreszabását a következő módokon:

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épen való mozgatást.
Á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 é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 konfigurációját.
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 webhelyedbe:

A 3. sor megmutatja, hogyan ágyazd be a Wink stílusokat a webhelyedbe.
A 6-9. sorok megmutatják, hogyan használd a wink-content-loader Web Komponenst, és hogyan kérj egy hirdetési bannert a kódodhoz.
A 11. sor megmutatja, hogyan ágyazd be a Javascriptünket a webhelyedbe.
A 13. sor megmutatja, 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álhatók.

További olvasnivaló

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