Skip to content
Academy

Maps

Et kart representerer enten en enkelt leverandør (f.eks. hotell eller opplevelsesleverandør) eller et varelager (f.eks. romtype, møterom, spa osv.) eller en samling av varelager, for eksempel en kuratert liste eller et lagret søk, og viser disse detaljene via et interaktivt kart som inneholder bookbare kartmarkører.

En bruker kan samhandle med et kart på følgende måter:

Kart med markører
Kart med kartmarkører
  • Zoom, panorer og dra kartet for å se tilgjengelig beholdning.
  • Klikk på en kartmarkør for å se inventardetaljer i form av enKort.
Kart med åpent kort
Kart med bestillbar beholdning

Resten av denne artikkelen veileder deg i hvordan du oppretter, tilpasser og deler kartene dine.

Lag et kart

Section titled “Lag et kart”

Kart kan lages på to måter:

Kart med én markør

Section titled “Kart med én markør”
Handlinger
Handlinger i søkeresultatene

Over er et bilde hentet fraSøkog viser deg noen av tingene du kan gjøre med søkeresultatene dine. En av disse handlingene erMake a map. Klikk på den knappen, så blir du omdirigert til kartskjemasiden vår, hvor du kan begynne å tilpasse kartet ditt.

Kart med flere markører

Section titled “Kart med flere markører”

Beggekuraterte listeroglagrede søkkomme med en handling som lar deg lage et kart. Dette kartet vil inneholde kartmarkører for alt inventar i disse listene.

Tilpass kartet

Section titled “Tilpass kartet”

Skjemaet lar deg tilpasse kartet ditt på følgende måter:

  1. Gi det et navn slik at du husker hva kartet handler om.
  2. Velg om du vil at brukeren skal ha tillatelse til å bevege seg rundt på kartet.
  3. Angi hvor høyt, i piksler, du vil at kartet skal være.
  4. Velg om du vil at brukeren skal kunne zoome inn og ut av kartet.
  5. Velg en kartstil som passer til nettstedet du skal legge inn kartet på.
  6. Velg en markørfarge.
  7. Velg den første kortsiden du vil at brukerne skal se først. Som standard er det den opprinnelige siden av den beholdningen.
  8. Du kan legge til dine egne markører, sirkler, rektangler og polygoner for å indikere andre steder på kartet som brukerne dine kan synes er interessante.
  9. Klikk på Save knappen for å fortsette.

Etter at du har lagret kartet, blir du omdirigert til kartsiden din, og kartet er nå klart til å deles med verden.

Del kart

Section titled “Del kart”
Kart
En kartoppføring med skjult handlingsmeny

Over ser du et bilde med alle tilgjengelige handlinger for kartet ditt:

  • OppdateringOppdaterer kartkonfigurasjonen din.
  • Legg til i WinkLinksLegger til kartet i WinkLinks-kontoen din.
  • Bygg innViser deg hvordan du legger inn dette kartet som enKartinn på nettstedet ditt.
  • Bruk med WordPressViser deg hvordan du bruker vårWordPress-pluginå legge inn dette kartet på nettstedet ditt.

Vi dekker noen av disse alternativene mer detaljert nedenfor.

Bygg inn

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

Slik legger du inn kartet ditt på nettstedet ditt:

  • Linje 3 viser deg hvordan du bygger inn Wink-stilene på nettstedet ditt.
  • Linje 6 til 9 viser deg hvordan du brukerwink-innholdslasterWeb-komponenten og be den hente et annonsebanner for koden din.
  • Linje 11 viser deg hvordan du bygger inn Javascript-koden vår på nettstedet ditt.
  • Linje 13 viser deg hvordan du legger innwink-app-loaderWeb-komponenten og be den hente konfigurasjonsinnstillingene dine på sidenivå.

API-en

Section titled “API-en”

Utviklere som ønsker å administrere kart kan gå tilUtviklere > API > Inventar.

Videre lesning

Section titled “Videre lesning”