Skip to content
Academy

Mape

Mapa predstavlja ili jednog dobavljača (npr. hotel ili pružaoca iskustava) ili inventar (npr. tip sobe, sala za sastanke, spa itd.) ili kolekciju inventara kao što je kurirana lista ili sačuvana pretraga i prikazuje te detalje putem interaktivne mape sa rezervabilnim markerima. Korisnik može da interaguje sa mapom na sledeće načine:

Mapa sa markerima
Mapa sa markerima
  • Zumirajte, pomerajte i prevlačite mapu da biste videli dostupan inventar.
  • Kliknite na marker na mapi da biste videli detalje inventara u obliku Card.
Mapa sa otvorenom karticom
Mapa sa rezervabilnim inventarom

Ostatak ovog članka vodi vas kroz proces kreiranja, prilagođavanja i deljenja vaših mapa.

Kreirajte mapu

Section titled “Kreirajte mapu”

Mape se mogu kreirati na dva načina:

Mapa sa jednim markerom

Section titled “Mapa sa jednim markerom”
Akcije
Akcije u rezultatima pretrage

Gore je slika preuzeta iz Pretrage i prikazuje neke od stvari koje možete da uradite sa rezultatima pretrage. Jedna od tih akcija je Napravite mapu. Kliknite na taj taster i bićete preusmereni na stranicu sa formom za mapu gde možete početi sa prilagođavanjem vaše mape.

Mapa sa više markera

Section titled “Mapa sa više markera”

I kurirane liste i sačuvane pretrage imaju akciju koja vam omogućava da kreirate mapu. Ova mapa će sadržati markere za sav inventar unutar tih listi.

Prilagodite mapu

Section titled “Prilagodite mapu”

Forma vam omogućava da prilagodite mapu na sledeće načine:

  1. Dajte joj ime da biste se setili o čemu je mapa.
  2. Izaberite da li želite da korisnik može da pomera mapu.
  3. Podesite visinu mape u pikselima.
  4. Izaberite da li želite da korisnik može da zumira mapu.
  5. Izaberite stil mape koji odgovara sajtu u koji ćete ugraditi mapu.
  6. Izaberite boju markera.
  7. Izaberite početni prikaz kartice koji želite da korisnici prvo vide. Po defaultu je to izvorni prikaz tog inventara.
  8. Možete dodati svoje markere, krugove, pravougaonike i poligone da označite druge lokacije na mapi koje bi korisnici mogli da pronađu zanimljivim.
  9. Kliknite na dugme Sačuvaj da nastavite.

Nakon čuvanja mape, bićete preusmereni na stranicu sa vašim mapama i vaša mapa je sada spremna za deljenje sa svetom.

Deljenje mape

Section titled “Deljenje mape”
Mapa
Unos mape sa skupljenim menijem akcija

Gore je prikazana slika sa svim dostupnim akcijama za vašu mapu:

  • Ažuriraj Ažurira konfiguraciju vaše mape.
  • Dodaj u WinkLinks Dodaje mapu na vaš WinkLinks nalog.
  • Ugradi Prikazuje kako da ugradite ovu mapu kao Mapu na vaš sajt.
  • Koristi sa WordPress-om Prikazuje kako da koristite naš WordPress dodatak za ugradnju ove mape na vaš sajt.

Neke od ovih opcija detaljnije objašnjavamo u nastavku.

Ugradnja

Section titled “Ugradnja”
<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>

Evo kako da ugradite vašu mapu na vaš sajt:

  • Linija 3 pokazuje kako da ugradite Wink stilove na vaš sajt.
  • Linije od 6 do 9 pokazuju kako da koristite wink-content-loader Web komponentu i kažete joj da učita reklamni baner za vaš kod.
  • Linija 11 pokazuje kako da ugradite naš Javascript na vaš sajt.
  • Linija 13 pokazuje kako da ugradite wink-app-loader Web komponentu i kažete joj da učita vaše konfiguracione preference na nivou stranice.

API

Section titled “API”

Programeri koji žele da upravljaju mapama mogu otići na Developers > API > Inventory.

Dalje čitanje

Section titled “Dalje čitanje”