Hoppa till innehåll
Academy

Maps

En karta representerar antingen en enskild leverantör (t.ex. hotell eller upplevelseleverantör) eller inventarielager (t.ex. rumstyp, mötesrum, spa etc.) eller en samling av inventarielager, såsom en kuraterad lista eller sparad sökning, och visar dessa detaljer via en interaktiv karta som innehåller bokningsbara kartmarkörer.

En användare kan interagera med en karta på följande sätt:

Karta med markörer
Karta med kartmarkörer
  • Zooma, panorera och dra kartan för att se tillgängligt lager.
  • Klicka på en kartmarkör för att se inventeringsinformation i form av enKort.
Karta med öppet kort
Karta med bokningsbart lager

Resten av den här artikeln guidar dig genom hur du skapar, anpassar och delar dina kartor.

Skapa en karta

Section titled “Skapa en karta”

Kartor kan skapas på två sätt:

Karta med en enda markör

Section titled “Karta med en enda markör”
Åtgärder
Åtgärder i sökresultaten

Ovan är en bild tagen frånSökaoch visar dig några av de saker du kan göra med dina sökresultat. En av dessa åtgärder ärMake a map. Klicka på den knappen så omdirigeras du till vår kartformulärsida där du kan börja anpassa din karta.

Karta med flera markörer

Section titled “Karta med flera markörer”

Bådautvalda listorochsparade sökningarkomma med en åtgärd som låter dig skapa en karta. Den här kartan kommer att innehålla kartmarkörer för allt inventarie i dessa listor.

Anpassa kartan

Section titled “Anpassa kartan”

Med formuläret kan du anpassa din karta på följande sätt:

  1. Ge den ett namn så att du kommer ihåg vad kartan handlar om.
  2. Välj om du vill att användaren ska kunna röra sig runt på kartan.
  3. Ange hur hög, i pixlar, du vill att kartan ska vara.
  4. Välj om du vill att användaren ska kunna zooma in och ut på kartan.
  5. Välj en kartstil som passar den webbplats där du ska bädda in kartan.
  6. Välj en markörfärg.
  7. Välj den kortvy som du vill att användarna ska se först. Som standard är det den ursprungliga vyn för det lagret.
  8. Du kan lägga till egna markörer, cirklar, rektanglar och polygoner för att indikera andra platser på kartan som dina användare kan tycka är intressanta.
  9. Klicka på Save knappen för att fortsätta.

När du har sparat din karta omdirigeras du till din kartsida och din karta är nu redo att delas med världen.

Dela karta

Section titled “Dela karta”
Karta
En kartpost med hopfälld åtgärdsmeny

Ovanstående bild visar alla tillgängliga åtgärder för din karta:

  • UppdateraUppdaterar din kartkonfiguration.
  • Lägg till i WinkLinksLägger till kartan i ditt WinkLinks-konto.
  • Bädda inVisar hur du bäddar in den här kartan som enKartain på din webbplats.
  • Använd med WordPressVisar dig hur du använder vårWordPress-pluginatt bädda in den här kartan på din webbplats.

Vi går igenom några av dessa alternativ mer i detalj nedan.

Bädda in

Section titled “Bädda in”
<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å här bäddar du in din karta på din webbplats:

  • Rad 3 visar hur du bäddar in Wink-stilarna på din webbplats.
  • Raderna 6 till 9 visar hur du använderwink-innehållsladdareWebbkomponenten och be den hämta en annonsbanner för din kod.
  • Rad 11 visar hur du bäddar in vårt Javascript på din webbplats.
  • Rad 13 visar hur du bäddar inwink-app-loaderWebbkomponenten och be den hämta dina konfigurationsinställningar på sidnivå.

API

Section titled “API”

Utvecklare som vill hantera kartor kan gå vidare tillUtvecklare > API > Inventering.

Vidare läsning

Section titled “Vidare läsning”