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:

Mărește, micșorează și trage 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ă

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

Hartă cu un singur marker: Creează o hartă din ceva ce ai găsit în timpul căutării.
Hartă cu mai mulți markeri: Creează o hartă dintr-o listă selectată sau o căutare salvată.

Hartă cu un singur marker

Imaginea de mai sus este 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ă. Apasă 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

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

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

Dă-i un nume pentru a-ți aminti despre ce este harta.
Alege dacă vrei să permiți utilizatorului să se deplaseze pe hartă.
Setează înălțimea hărții în pixeli.
Alege dacă vrei să permiți utilizatorului să mărească sau să micșoreze harta.
Alege un stil de hartă care să se potrivească cu site-ul în care vei încorpora harta.
Alege o culoare pentru marker.
Selectează fața cardului inițial pe care vrei să o vadă utilizatorii prima dată. Implicit, este fața nativă a acelui inventar.
Poți adăuga propriile markeri, cercuri, dreptunghiuri și poligoane pentru a indica alte locații pe hartă care ar putea fi interesante pentru utilizatorii tăi.
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

Hartă — *O intrare de hartă cu meniul de acțiuni restrâns*

Imaginea de mai sus îți arată 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.

Mai jos detaliem unele dintre aceste opțiuni.

Î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.
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

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

Lecturi suplimentare

Află mai multe despre colecția noastră de Web Components.
Află mai multe despre pluginul Wink pentru WordPress.