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.

Térkép létrehozása

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.

Egyetlen jelölővel ellátott térkép

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.

Többjelölős térkép

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.

Térkép testreszabása

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

Adj neki egy nevet, hogy emlékezhess, miről szól a térkép.
Válassza ki, hogy a felhasználó mozoghat-e a térképen.
Állítsa be a térkép kívánt magasságát pixelben.
Válassza ki, hogy a felhasználó nagyíthat-e és kicsinyíthet-e a térképen.
Válassz egy olyan térképstílust, amely illik ahhoz a weboldalhoz, amelybe a térképet beágyazod.
Válasszon egy jelölőszínt.
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.
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.
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 megosztása

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.

Beágyaz

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

API

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

További olvasmányok

Tudjon meg többet a kollekciónkrólWebkomponensek.
Tudjon meg többet aWink WordPress bővítmény.