Sari la conținut
Academy

Maps

O hartă reprezintă fie un singur furnizor (de exemplu, hotel sau furnizor de experiențe), fie inventar (de exemplu, tipul camerei, sala de ședințe, centrul spa etc.), fie o colecție de inventar, cum ar fi o listă atent selecționată sau o căutare salvată, și expune aceste detalii prin intermediul unei hărți interactive care conține marcaje de hartă ce pot fi rezervate.

Un utilizator poate interacționa cu o hartă în următoarele moduri:

Hartă cu marcaje
Hartă cu marcaje de hartă
  • Măriți, deplasați și trageți harta pentru a vedea inventarul disponibil.
  • Faceți clic pe un marker de pe hartă pentru a vedea detaliile inventarului sub forma unuiCard.
Hartă cu cardul deschis
Hartă cu inventar rezervabil

Restul acestui articol vă va explica cum să creați, să personalizați și să partajați hărțile.

Creați o hartă

Section titled “Creați o hartă”

Hărțile pot fi create în două moduri:

Hartă cu un singur marker

Section titled “Hartă cu un singur marker”
Acțiuni
Acțiuni în rezultatele căutării

Mai sus este o imagine preluată de laCăutareși vă arată câteva dintre lucrurile pe care le puteți face cu rezultatele căutării. Una dintre aceste acțiuni esteMake a mapFaceți clic pe acel buton și veți fi redirecționat către pagina noastră cu formularul hărții, unde puteți începe să vă personalizați harta.

Hartă cu mai multe marcaje

Section titled “Hartă cu mai multe marcaje”

Ambeleliste atent selecționateșicăutări salvatevin cu o acțiune care vă permite să creați o hartă. Această hartă va conține marcaje de hartă pentru tot inventarul din acele liste.

Personalizați harta

Section titled “Personalizați harta”

Formularul vă permite să personalizați harta în următoarele moduri:

  1. Dă-i un nume ca să-ți amintești despre ce este vorba pe hartă.
  2. Alegeți dacă doriți ca utilizatorul să aibă permisiunea de a se deplasa pe hartă.
  3. Setați înălțimea hărții, în pixeli.
  4. Alegeți dacă doriți ca utilizatorul să aibă permisiunea de a mări și micșora harta.
  5. Alegeți un stil de hartă care se potrivește cu site-ul web în care veți încorpora harta.
  6. Alegeți o culoare pentru marker.
  7. Selectați fața inițială a cărții pe care doriți ca utilizatorii să o vadă prima. În mod implicit, aceasta este fața originală a inventarului respectiv.
  8. Puteți adăuga propriile marcaje, cercuri, dreptunghiuri și poligoane pentru a indica alte locații de pe hartă pe care utilizatorii le-ar putea găsi interesante.
  9. Faceți clic pe Save buton pentru a continua.

După ce salvați harta, sunteți redirecționat către pagina hărților dvs., iar harta este acum gata de partajare cu întreaga lume.

Distribuiți harta

Section titled “Distribuiți harta”
Hartă
O intrare pe hartă cu meniu de acțiuni restrâns

Mai sus este o imagine cu toate acțiunile disponibile pentru harta dvs.:

  • ActualizareActualizează configurația hărții.
  • Adăugați la WinkLinksAdaugă harta în contul tău WinkLinks.
  • ÎncorporareVă arată cum să încorporați această hartă caHartăpe site-ul dvs. web.
  • Utilizare cu WordPressVă arată cum să folosițiPlugin WordPresspentru a încorpora această hartă în site-ul dvs. web.

Acoperim câteva dintre aceste opțiuni, mai detaliat, mai jos.

Încorporare

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

Iată cum să integrați harta în site-ul dvs.:

  • Linia 3 vă arată cum să încorporați stilurile Wink în site-ul dvs.
  • Liniile 6-9 vă arată cum să utilizațiîncărcător-de-conținut-winkComponentă web și spuneți-i să preia un banner publicitar pentru codul dvs.
  • Linia 11 vă arată cum să încorporați Javascript-ul nostru în site-ul dvs.
  • Linia 13 vă arată cum să încorporațiîncărcător-aplicații-winkComponentă Web și spuneți-i să preia preferințele dvs. de configurare la nivel de pagină.

API-ul

Section titled “API-ul”

Dezvoltatorii care doresc să gestioneze hărți pot accesaDezvoltatori > API > Inventar.

Lectură suplimentară

Section titled “Lectură suplimentară”