Sari la conținut
Academy

Hărți

O hartă reprezintă fie un singur furnizor (de exemplu hotel sau furnizor de experiențe), fie inventar (adică tip de cameră, sală de conferințe, spa etc.) sau o colecție de inventar, cum ar fi o listă selectată sau o căutare salvată, și expune aceste detalii printr-o hartă interactivă care conține marcatori de hartă rezervabili. Un utilizator poate interacționa cu o hartă în următoarele moduri:

Hartă cu markeri
Hartă cu markeri de hartă
  • Mărește, micșorează și deplasează harta pentru a vedea inventarul disponibil.
  • Fă clic pe un marker de hartă pentru a vedea detalii despre inventar sub forma unui Card.
Hartă cu card deschis
Hartă cu inventar rezervabil

Restul acestui articol te ghidează cum să creezi, personalizezi și să distribui hărțile tale.

Creează o hartă

Section titled “Creează 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 rezultate căutare

Mai sus este o imagine preluată din Căutare și îți arată câteva dintre lucrurile pe care le poți face cu rezultatele căutării tale. Una dintre aceste acțiuni este Creează o hartă. Fă clic pe acest buton și vei fi redirecționat către pagina formularului pentru hartă, unde poți începe să-ți personalizezi harta.

Hartă cu mai mulți markeri

Section titled “Hartă cu mai mulți markeri”

Atât listele selectate, cât și căutările salvate au o acțiune care îți permite să creezi o hartă. Această hartă va conține markeri pentru tot inventarul din acele liste.

Personalizează harta

Section titled “Personalizează harta”

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

  1. Dă-i un nume pentru a-ți aminti despre ce este harta.
  2. Alege dacă vrei să permiți utilizatorului să se deplaseze pe hartă.
  3. Setează înălțimea hărții în pixeli.
  4. Alege dacă vrei să permiți utilizatorului să mărească sau să micșoreze harta.
  5. Alege un stil de hartă care să se potrivească cu site-ul în care vei încorpora harta.
  6. Alege o culoare pentru marker.
  7. Selectează fața inițială a cardului pe care vrei ca utilizatorii să o vadă prima. Implicit, este fața nativă a acelui inventar.
  8. Poți adăuga propriile tale markeri, cercuri, dreptunghiuri și poligoane pentru a indica alte locații pe hartă care ar putea fi interesante pentru utilizatorii tăi.
  9. Apasă butonul Salvează pentru a continua.

După ce salvezi harta, vei fi redirecționat către pagina ta de hărți și harta ta este acum gata să fie distribuită lumii.

Distribuie harta

Section titled “Distribuie harta”
Hartă
O intrare de hartă cu meniul de acțiuni restrâns

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

  • Actualizează Actualizează configurația hărții tale.
  • Adaugă la WinkLinks Adaugă harta în contul tău WinkLinks.
  • Încorporează Îți arată cum să încorporezi această hartă ca un Map în site-ul tău.
  • Folosește cu WordPress Îți arată cum să folosești pluginul WordPress pentru a încorpora această hartă în site-ul tău.

Vom detalia unele dintre aceste opțiuni mai jos.

Încorporează

Section titled “Încorporează”
<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ă încorporezi harta în site-ul tău:

  • Linia 3 îți arată cum să încorporezi stilurile Wink în site-ul tău.
  • Liniile 6 până la 9 îți arată cum să folosești componenta Web wink-content-loader și să îi spui să preia un banner publicitar pentru codul tău.
  • Linia 11 îți arată cum să încorporezi Javascript-ul nostru în site-ul tău.
  • Linia 13 îți arată cum să încorporezi componenta Web wink-app-loader și să îi spui să preia preferințele tale de configurare la nivel de pagină.

API

Section titled “API”

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

Lecturi suplimentare

Section titled “Lecturi suplimentare”