Skip to content
Academy

Maps

Karta predstavlja ili jednog dobavljača (npr. hotel ili pružatelja doživljaja) ili inventar (npr. vrstu sobe, sobu za sastanke, spa itd.) ili skup inventara kao što je popis s popisa ili spremljeno pretraživanje i prikazuje te detalje putem interaktivne karte koja sadrži oznake za rezervaciju. Korisnik može komunicirati s kartom na sljedeće načine:

Karta s oznakama
Karta s oznakama na karti
  • Zumirajte, pomaknite i povucite kartu da biste vidjeli dostupan inventar.
  • Kliknite na oznaku na karti da biste vidjeli detalje inventara u oblikuKartica.
Karta s otvorenom karticom
Karta s inventarom koji se može rezervirati

Ostatak ovog članka vodi vas kroz proces izrade, prilagodbe i dijeljenja karata.

Izradi kartu

Section titled “Izradi kartu”

Karte se mogu kreirati na dva načina:

Karta s jednim markerom

Section titled “Karta s jednim markerom”
Radnje
Radnje s rezultatima pretraživanja

Gore je slika preuzeta izPretraživanjei pokazuje vam neke od stvari koje možete učiniti s rezultatima pretraživanja. Jedna od tih radnji jeMake a map. Kliknite na taj gumb i bit ćete preusmjereni na našu stranicu obrasca za kartu gdje možete započeti s prilagodbom karte.

Karta s više oznaka

Section titled “Karta s više oznaka”

Obojeodabrane listeispremljene pretragedolaze s radnjom koja vam omogućuje stvaranje karte. Ova karta će sadržavati oznake karte za sav inventar unutar tih popisa.

Prilagodi kartu

Section titled “Prilagodi kartu”

Obrazac vam omogućuje prilagodbu karte na sljedeće načine:

  1. Daj joj ime kako bi se sjetio o čemu se radi na karti.
  2. Odaberite želite li da se korisnik smije kretati po karti.
  3. Postavite željenu visinu karte, u pikselima.
  4. Odaberite želite li da korisnik može zumirati i smanjivati ​​kartu.
  5. Odaberite stil karte koji odgovara web stranici na koju ćete ugraditi kartu.
  6. Odaberite boju markera.
  7. Odaberite početnu stranu kartice koju želite da korisnici prvo vide. Prema zadanim postavkama, to je izvorna strana tog inventara.
  8. Možete dodati vlastite markere, krugove, pravokutnike i poligone kako biste označili druge lokacije na karti koje bi vaši korisnici mogli smatrati zanimljivima.
  9. Kliknite na Save gumb za nastavak.

Nakon što spremite kartu, bit ćete preusmjereni na stranicu s kartama i vaša je karta sada spremna za dijeljenje sa svijetom.

Podijeli kartu

Section titled “Podijeli kartu”
Karta
Unos karte sa sažetim izbornikom radnji

Gore je prikazana slika sa svim dostupnim radnjama za vašu kartu:

  • AžuriratiAžurira konfiguraciju vaše karte.
  • Dodaj u WinkLinksDodaje kartu na vaš WinkLinks račun.
  • UgraditiPokazuje vam kako ugraditi ovu kartu kaoKartana vašu web stranicu.
  • Koristi se s WordPressomPokazuje vam kako koristiti našeWordPress dodatakugraditi ovu kartu na svoju web stranicu.

Neke od ovih opcija detaljnije ćemo obraditi u nastavku.

Ugraditi

Section titled “Ugraditi”
<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 ugraditi kartu na svoju web-lokaciju:

  • Redak 3 pokazuje kako ugraditi Wink stilove na vašu web-stranicu.
  • Redci od 6 do 9 pokazuju kako koristitiwink-content-loaderWeb komponentu i recite joj da dohvati oglasni banner za vaš kod.
  • Redak 11 pokazuje kako ugraditi naš Javascript na vašu stranicu.
  • Redak 13 pokazuje kako ugraditiwink-app-loaderWeb komponentu i recite joj da dohvati vaše postavke konfiguracije na razini stranice.

API

Section titled “API”

Programeri koji žele upravljati kartama mogu posjetitiRazvojni programeri > API > Inventar.

Daljnje čitanje

Section titled “Daljnje čitanje”