Maps
Een kaart geeft een overzicht van één leverancier (bijv. een hotel of aanbieder van ervaringen) of een inventaris (bijv. kamertype, vergaderruimte, spa, enz.) of een verzameling inventaris, zoals een samengestelde lijst of opgeslagen zoekopdracht, en toont deze details via een interactieve kaart met boekbare kaartmarkeringen. Een gebruiker kan op de volgende manieren met een kaart communiceren:
- Zoom, pan en sleep de kaart om de beschikbare inventaris te zien.
- Klik op een kaartmarkering om inventarisdetails te zien in de vorm van eenKaart.
In de rest van dit artikel leggen we uit hoe u kaarten kunt maken, aanpassen en delen.
Maak een kaart
Section titled “Maak een kaart”Kaarten kunnen op twee manieren worden gemaakt:
- Kaart met één markering: Maak een kaart van iets dat je hebt gevonden terwijlzoeken.
- Multi-markerkaart: Maak een kaart van eensamengestelde lijst of opgeslagen zoekopdracht.
Kaart met één markering
Section titled “Kaart met één markering”Hierboven staat een afbeelding die is genomen vanZoekopdrachten laat je zien wat je met je zoekresultaten kunt doen. Een van die acties isMake a map
.
Klik op die knop en je wordt doorgestuurd naar onze kaartformulierpagina, waar je je kaart kunt aanpassen.
Multi-markerkaart
Section titled “Multi-markerkaart”Beide samengestelde lijsten En opgeslagen zoekopdrachtenDeze lijsten bevatten een actie waarmee je een kaart kunt maken. Deze kaart bevat kaartmarkeringen voor alle inventaris binnen die lijsten.
Kaart aanpassen
Section titled “Kaart aanpassen”Met dit formulier kunt u uw kaart op de volgende manieren aanpassen:
- Geef het een naam, zodat u kunt onthouden waar de kaart over gaat.
- Kies of u wilt dat de gebruiker zich op de kaart mag bewegen.
- Geef aan hoe hoog de kaart moet zijn, in pixels.
- Kies of de gebruiker mag in- en uitzoomen op de kaart.
- Kies een kaartstijl die past bij de website waarop u de kaart wilt insluiten.
- Kies een markeerkleur.
- Selecteer de eerste kaartzijde die gebruikers als eerste moeten zien. Standaard is dit de oorspronkelijke zijde van die inventaris.
- U kunt uw eigen markeringen, cirkels, rechthoeken en polygonen toevoegen om andere locaties op de kaart aan te geven die uw gebruikers mogelijk interessant vinden.
- Klik op de
Save
knop om door te gaan.
Nadat u uw kaart hebt opgeslagen, wordt u doorgestuurd naar de pagina met uw kaarten. Uw kaart is nu klaar om met de wereld te delen.
Kaart delen
Section titled “Kaart delen”Hierboven ziet u een afbeelding met alle beschikbare acties voor uw kaart:
- UpdateWerkt uw kaartconfiguratie bij.
- Toevoegen aan WinkLinksVoegt de kaart toe aan uw WinkLinks-account.
- InsluitenLaat zien hoe u deze kaart kunt insluiten als eenKaartop uw website.
- Gebruik met WordPressLaat u zien hoe u onzeWordPress-plug-inom deze kaart in uw website te integreren.
Hieronder gaan we dieper in op een aantal van deze opties.
Insluiten
Section titled “Insluiten”<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>
Zo kunt u uw kaart in uw site insluiten:
- Regel 3 laat zien hoe u de Wink-stijlen in uw site kunt insluiten.
- Regels 6 tot en met 9 laten zien hoe u deknipoog-inhoud-laderWebcomponent en vertel het dat het een advertentiebanner voor uw code moet ophalen.
- Regel 11 laat zien hoe u Javascript in uw site kunt integreren.
- Regel 13 laat zien hoe je dewink-app-loaderWebcomponent en geef aan dat deze uw configuratievoorkeuren op paginaniveau moet ophalen.
Ontwikkelaars die kaarten willen beheren, kunnen terecht opOntwikkelaars > API > Inventaris.
Verder lezen
Section titled “Verder lezen”- Ontdek meer over onze collectieWebcomponenten.
- Leer meer over deWink WordPress-plug-in.