Gå til indhold
Academy

Maps

Et kort repræsenterer enten en enkelt leverandør (f.eks. hotel eller oplevelsesudbyder) eller et lager (f.eks. værelsestype, mødelokale, spa osv.) eller en samling af lagerbeholdninger, såsom en kurateret liste eller gemt søgning, og viser disse detaljer via et interaktivt kort med bookbare kortmarkører.

En bruger kan interagere med et kort på følgende måder:

Kort med markører
Kort med kortmarkører
  • Zoom, panorer og træk kortet for at se tilgængeligt lager.
  • Klik på en kortmarkør for at se lageroplysninger i form af enKort.
Kort med åbent kort
Kort med bookbar lagerbeholdning

Resten af ​​denne artikel gennemgår, hvordan du opretter, tilpasser og deler dine kort.

Opret et kort

Section titled “Opret et kort”

Kort kan oprettes på to måder:

Kort med enkelt markør

Section titled “Kort med enkelt markør”
Handlinger
Handlinger i søgeresultaterne

Ovenfor er et billede taget fraSøgeog viser dig nogle af de ting, du kan gøre med dine søgeresultater. En af disse handlinger erMake a map. Klik på knappen, så bliver du omdirigeret til vores kortformularside, hvor du kan begynde at tilpasse dit kort.

Kort med flere markører

Section titled “Kort med flere markører”

Beggekuraterede listeroggemte søgningerkomme med en handling, der lader dig oprette et kort. Dette kort vil indeholde kortmarkører for alt inventar på disse lister.

Tilpas kort

Section titled “Tilpas kort”

Med formularen kan du tilpasse dit kort på følgende måder:

  1. Giv det et navn, så du kan huske, hvad kortet handler om.
  2. Vælg, om du vil have brugeren til at bevæge sig rundt på kortet.
  3. Angiv hvor højt kortet skal være, i pixels.
  4. Vælg, om brugeren skal have tilladelse til at zoome ind og ud af kortet.
  5. Vælg en kortstil, der passer til den hjemmeside, du vil integrere kortet på.
  6. Vælg en markørfarve.
  7. Vælg den første kortside, du vil have brugerne til at se først. Som standard er det den oprindelige side af den pågældende inventar.
  8. Du kan tilføje dine egne markører, cirkler, rektangler og polygoner for at angive andre steder på kortet, som dine brugere kan finde interessante.
  9. Klik på Save knappen for at fortsætte.

Når du har gemt dit kort, bliver du omdirigeret til din kortside, og dit kort er nu klar til at blive delt med verden.

Del kort

Section titled “Del kort”
Kort
En kortpost med skjult handlingsmenu

Ovenfor vises et billede med alle de tilgængelige handlinger for dit kort:

  • OpdateringOpdaterer din kortkonfiguration.
  • Tilføj til WinkLinksTilføjer kortet til din WinkLinks-konto.
  • IntegrerViser dig, hvordan du integrerer dette kort som enKortind på din hjemmeside.
  • Brug med WordPressViser dig, hvordan du bruger voresWordPress-pluginat integrere dette kort på din hjemmeside.

Vi gennemgår nogle af disse muligheder mere detaljeret nedenfor.

Integrer

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

Sådan integrerer du dit kort på din hjemmeside:

  • Linje 3 viser dig, hvordan du integrerer Wink-stilene på dit websted.
  • Linje 6 til 9 viser dig, hvordan du brugerwink-indholdslæsserWebkomponenten og bed den om at hente et annoncebanner til din kode.
  • Linje 11 viser dig, hvordan du integrerer vores Javascript på dit websted.
  • Linje 13 viser dig, hvordan du integrererwink-app-loaderWebkomponenten og bed den om at hente dine konfigurationspræferencer på sideniveau.

API’en

Section titled “API’en”

Udviklere, der ønsker at administrere kort, kan gå tilUdviklere > API > Inventar.

Yderligere læsning

Section titled “Yderligere læsning”