Ga naar inhoud
Academy

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:

Kaart met markeringen
Kaart met kaartmarkeringen
  • 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.
Kaart met open kaart
Kaart met boekbare inventaris

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

Section titled “Kaart met één markering”
Acties
Acties voor zoekresultaten

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:

  1. Geef het een naam, zodat u kunt onthouden waar de kaart over gaat.
  2. Kies of u wilt dat de gebruiker zich op de kaart mag bewegen.
  3. Geef aan hoe hoog de kaart moet zijn, in pixels.
  4. Kies of de gebruiker mag in- en uitzoomen op de kaart.
  5. Kies een kaartstijl die past bij de website waarop u de kaart wilt insluiten.
  6. Kies een markeerkleur.
  7. Selecteer de eerste kaartzijde die gebruikers als eerste moeten zien. Standaard is dit de oorspronkelijke zijde van die inventaris.
  8. 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.
  9. 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”
Kaart
Een kaartitem met een samengevouwen actiemenu

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.

API

Section titled “API”

Ontwikkelaars die kaarten willen beheren, kunnen terecht opOntwikkelaars > API > Inventaris.

Verder lezen

Section titled “Verder lezen”