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:
- 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.
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
Szekció neve “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
Szekció neve “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
Szekció neve “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
Szekció neve “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
Szekció neve “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
Szekció neve “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.
A térképeket kezelni kívánó fejlesztők ide látogathatnakFejlesztők > API > Leltár.
További olvasmányok
Szekció neve “További olvasmányok”- Tudjon meg többet a kollekciónkrólWebkomponensek.
- Tudjon meg többet aWink WordPress bővítmény.