Žemėlapiai
Žemėlapis atspindi vieną tiekėją (pvz., viešbutį ar patirties teikėją) arba inventorių (t. y. kambario tipą, susitikimų kambarį, SPA ir pan.) arba inventoriaus kolekciją, tokią kaip atrinktas sąrašas ar išsaugota paieška, ir pateikia šią informaciją per interaktyvų žemėlapį su rezervuojamais žemėlapio žymekliais. Vartotojas gali sąveikauti su žemėlapiu šiais būdais:
- Priartinkite, nutempkite ir perstumkite žemėlapį, kad pamatytumėte turimą inventorių.
- Spustelėkite žemėlapio žymeklį, kad pamatytumėte inventoriaus detales Card formatu.
Toliau šiame straipsnyje sužinosite, kaip sukurti, pritaikyti ir dalintis savo žemėlapiais.
Sukurti žemėlapį
Section titled “Sukurti žemėlapį”Žemėlapius galima sukurti dviem būdais:
- Vieno žymeklio žemėlapis: Sukurkite žemėlapį iš to, ką radote paieškos metu.
- Daugelio žymeklių žemėlapis: Sukurkite žemėlapį iš atrinkto sąrašo arba išsaugotos paieškos.
Vieno žymeklio žemėlapis
Section titled “Vieno žymeklio žemėlapis”Aukščiau pateikta nuotrauka iš Paieškos ir rodo kai kurias galimybes, ką galite daryti su savo paieškos rezultatais. Vienas iš šių veiksmų yra Sukurti žemėlapį.
Spustelėkite tą mygtuką, ir būsite nukreipti į mūsų žemėlapio formos puslapį, kur galėsite pradėti pritaikyti savo žemėlapį.
Daugelio žymeklių žemėlapis
Section titled “Daugelio žymeklių žemėlapis”Tiek atrinkti sąrašai, tiek išsaugotos paieškos turi veiksmą, leidžiantį sukurti žemėlapį. Šis žemėlapis turės žemėlapio žymeklius visam inventoriui, esančiam šiuose sąrašuose.
Pritaikyti žemėlapį
Section titled “Pritaikyti žemėlapį”Forma leidžia pritaikyti žemėlapį šiais būdais:
- Pavadinkite jį, kad prisimintumėte, apie ką yra žemėlapis.
- Pasirinkite, ar norite leisti vartotojui judėti žemėlapyje.
- Nustatykite, kokio aukščio (pikseliais) norite, kad žemėlapis būtų.
- Pasirinkite, ar norite leisti vartotojui priartinti ir nutolinti žemėlapį.
- Pasirinkite žemėlapio stilių, kuris derėtų su svetaine, į kurią įterpsite žemėlapį.
- Pasirinkite žymeklio spalvą.
- Pasirinkite pradinį kortelės vaizdą, kurį vartotojai matys pirmiausia. Pagal numatytuosius nustatymus tai yra natūralus to inventoriaus vaizdas.
- Galite pridėti savo žymeklius, apskritimus, stačiakampius ir daugiakampius, kad pažymėtumėte kitas vietas žemėlapyje, kurios gali būti įdomios jūsų vartotojams.
- Spustelėkite mygtuką
Išsaugoti, kad tęstumėte.
Išsaugoję žemėlapį, būsite nukreipti į savo žemėlapių puslapį, ir jūsų žemėlapis bus paruoštas dalijimuisi su pasauliu.
Dalintis žemėlapiu
Section titled “Dalintis žemėlapiu”Aukščiau matote nuotrauką su visais galimais veiksmais jūsų žemėlapiui:
- Atnaujinti Atnaujina jūsų žemėlapio konfigūraciją.
- Pridėti prie WinkLinks Prideda žemėlapį prie jūsų WinkLinks paskyros.
- Įterpti Parodo, kaip įterpti šį žemėlapį kaip Map į jūsų svetainę.
- Naudoti su WordPress Parodo, kaip naudoti mūsų WordPress įskiepį šiam žemėlapiui įterpti į jūsų svetainę.
Kai kurias iš šių parinkčių aptariame išsamiau žemiau.
Įterpti
Section titled “Įterpti”<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>Štai kaip įterpti savo žemėlapį į savo svetainę:
- 3 eilutėje parodyta, kaip įterpti Wink stilius į savo svetainę.
- 6–9 eilutėse parodyta, kaip naudoti wink-content-loader Web komponentą ir nurodyti jam gauti reklamos banerį jūsų kodui.
- 11 eilutėje parodyta, kaip įterpti mūsų Javascript į savo svetainę.
- 13 eilutėje parodyta, kaip įterpti wink-app-loader Web komponentą ir nurodyti jam gauti jūsų puslapio lygio konfigūracijos nustatymus.
Kūrėjai, norintys valdyti žemėlapius, gali apsilankyti Developers > API > Inventory.
Tolimesnis skaitymas
Section titled “Tolimesnis skaitymas”- Sužinokite daugiau apie mūsų Web Components kolekciją.
- Sužinokite daugiau apie Wink WordPress įskiepį.