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:
- 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.
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örSkapa en karta från något du hittade medansökande.
- Karta med flera markörerSkapa en karta från enutvald listaellersparad sökning.
Karta med en enda markör
Section titled “Karta med en enda markör”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:
- Ge den ett namn så att du kommer ihåg vad kartan handlar om.
- Välj om du vill att användaren ska kunna röra sig runt på kartan.
- Ange hur hög, i pixlar, du vill att kartan ska vara.
- Välj om du vill att användaren ska kunna zooma in och ut på kartan.
- Välj en kartstil som passar den webbplats där du ska bädda in kartan.
- Välj en markörfärg.
- 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.
- 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.
- 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”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å.
Utvecklare som vill hantera kartor kan gå vidare tillUtvecklare > API > Inventering.
Vidare läsning
Section titled “Vidare läsning”- Läs mer om vår samling avWebbkomponenter.
- Läs mer omWink WordPress-plugin.