Tovább a tartalomhoz

Maps

Egy térkép vagy egyetlen szolgáltatót (pl. szállodát vagy élményszolgáltatót), vagy készletet (pl. szobatípust, tárgyalót, gyógyfürdőt stb.), vagy készletgyűjteményt, például egy kurátori listát vagy mentett keresést ábrázol, és ezeket az adatokat egy interaktív térképen keresztül jeleníti meg, amely foglalható térképjelölőket tartalmaz.

A felhasználó a következő módokon léphet interakcióba a térképpel:

Jelzőkkel ellátott térkép
Térkép térképjelölőkkel
  • Nagyítsd, mozgasd és húzd a térképet az elérhető készlet megtekintéséhez.
  • Kattintson egy térképjelölőre a készletadatok megtekintéséhez egy térkép formájában.Kártya.
Térkép nyitott kártyával
Térkép foglalható készlettel

A cikk további része bemutatja, hogyan hozhat létre, szabhat testre és oszthat meg térképeket.

A térképeket kétféleképpen lehet létrehozni:

  • Egyetlen jelölővel ellátott térkép: Hozz létre egy térképet valamiből, amit a játék közben találtál.keresés.
  • Többjelölős térkép: Térkép létrehozása egykurátori listavagymentett keresés.
Műveletek
Keresési eredmények műveletei

Fent egy kép látható, amely innen származikKeresésés megmutatja, hogy milyen műveleteket végezhetsz a keresési eredményeiddel. Az egyik ilyen művelet az,Make a map. Kattints erre a gombra, és átirányít a térkép űrlap oldalunkra, ahol elkezdheted testreszabni a térképedet.

Mindkettőkurált listákésmentett keresésekegy olyan művelettel rendelkeznek, amellyel térképet hozhatsz létre. Ez a térkép térképjelölőket tartalmaz majd az adott listákon belüli összes leltárhoz.

Az űrlap segítségével a következő módokon szabhatja testre a térképét:

  1. Adj neki egy nevet, hogy emlékezhess, miről szól a térkép.
  2. Válassza ki, hogy a felhasználó mozoghat-e a térképen.
  3. Állítsa be a térkép kívánt magasságát pixelben.
  4. Válassza ki, hogy a felhasználó nagyíthat-e és kicsinyíthet-e a térképen.
  5. Válassz egy olyan térképstílust, amely illik ahhoz a weboldalhoz, amelybe a térképet beágyazod.
  6. Válasszon egy jelölőszínt.
  7. Válaszd ki azt a kártyalapot, amelyet először szeretnél, hogy a felhasználók lássanak. Alapértelmezés szerint ez az adott készlet natív oldala.
  8. Hozzáadhatsz saját jelölőket, köröket, téglalapokat és sokszögeket, hogy más helyeket is jelezz a térképen, amelyeket a felhasználók érdekesnek találhatnak.
  9. Kattintson a Save gombot a folytatáshoz.

A térkép mentése után a rendszer átirányít a térképoldalára, és a térkép készen áll a megosztásra a világgal.

Térkép
Egy térképbejegyzés összecsukott műveleti menüvel

A fenti képen láthatók a térképen elérhető összes művelet:

  • FrissítésFrissíti a térkép konfigurációját.
  • Hozzáadás a WinkLinkshezHozzáadja a térképet a WinkLinks fiókodhoz.
  • BeágyazMegmutatja, hogyan ágyazhatod be ezt a térképetTérképa weboldaladra.
  • WordPress-szel használhatóMegmutatja, hogyan kell használni a miWordPress bővítményhogy beágyazd ezt a térképet a weboldaladba.

Ezen lehetőségek némelyikét részletesebben az alábbiakban tárgyaljuk.

<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épedet a weboldaladba:

  • A 3. sor bemutatja, hogyan ágyazhatod be a Wink stílusokat a webhelyedbe.
  • A 6–9. sorok bemutatják, hogyan kell használni awink-tartalom-betöltőWebkomponenst, és utasítsd arra, hogy kérjen le egy hirdetési bannert a kódodhoz.
  • A 11. sor bemutatja, hogyan ágyazhatod be a JavaScriptünket a webhelyedbe.
  • A 13. sor bemutatja, hogyan kell beágyazni awink-app-loaderWebkomponenst, és utasítsd arra, hogy kérje le az oldalszintű konfigurációs beállításait.

A térképeket kezelni kívánó fejlesztők ide látogathatnakFejlesztők > API > Leltár.