Siirry sisältöön

Kartat

Kartta edustaa joko yksittäistä toimittajaa (esim. hotelli tai elämysjärjestäjä) tai inventaariota (eli huonetyyppi, kokoushuone, spa jne.) tai inventaarion kokoelmaa, kuten kuratoitua listaa tai tallennettua hakua, ja näyttää nämä tiedot interaktiivisella kartalla, joka sisältää varattavia karttamerkkejä. Käyttäjä voi olla vuorovaikutuksessa kartan kanssa seuraavilla tavoilla:

Kartta, jossa merkkejä
Kartta, jossa karttamerkkejä
  • Zoomaa, siirrä ja raahaa karttaa nähdäksesi saatavilla olevan inventaarion.
  • Klikkaa karttamerkkiä nähdäksesi inventaarion tiedot Kortin muodossa.
Kartta, jossa kortti auki
Kartta, jossa varattavissa oleva inventaario

Tämän artikkelin loput osat opastavat sinua karttojen luomisessa, muokkaamisessa ja jakamisessa.

Karttoja voi luoda kahdella tavalla:

Toiminnot
Hakutulosten toiminnot

Yllä on kuva Hausta, joka näyttää joitakin asioita, joita voit tehdä hakutuloksillasi. Yksi näistä toiminnoista on Luo kartta. Klikkaa tätä painiketta, niin sinut ohjataan karttalomakkeelle, jossa voit alkaa muokata karttaasi.

Sekä kuratoiduissa listoissa että tallennetuissa hauissa on toiminto, jonka avulla voit luoda kartan. Tämä kartta sisältää karttamerkit kaikesta inventaariosta näissä listoissa.

Lomake antaa sinun muokata karttaasi seuraavilla tavoilla:

  1. Anna kartalle nimi, jotta muistat, mistä kartassa on kyse.
  2. Valitse, haluatko käyttäjän pystyvän liikkumaan kartalla.
  3. Aseta, kuinka korkea kartta on pikseleinä.
  4. Valitse, haluatko käyttäjän pystyvän zoomaamaan karttaa sisään ja ulos.
  5. Valitse karttatyyli, joka sopii sivustolle, johon aiot upottaa kartan.
  6. Valitse merkinnän väri.
  7. Valitse aloituskortin puoli, jonka haluat käyttäjien näkevän ensin. Oletuksena se on kyseisen inventaarion natiivipuoli.
  8. Voit lisätä omia merkkejä, ympyröitä, suorakulmioita ja monikulmioita osoittamaan muita kartan paikkoja, jotka saattavat kiinnostaa käyttäjiäsi.
  9. Klikkaa Tallenna jatkaaksesi.

Kun olet tallentanut karttasi, sinut ohjataan karttasivullesi ja karttasi on nyt valmis jaettavaksi maailmalle.

Kartta
Karttamerkintä, jossa toiminnot-valikko on suljettu

Yllä on kuva, jossa näkyvät kaikki kartallesi saatavilla olevat toiminnot:

  • Päivitä Päivittää karttasi asetukset.
  • Lisää WinkLinkseihin Lisää kartan WinkLinks-tilillesi.
  • Upota Näyttää, miten tämä kartta upotetaan Karttana verkkosivustollesi.
  • Käytä WordPressin kanssa Näyttää, miten voit käyttää WordPress-laajennustamme tämän kartan upottamiseen sivustollesi.

Käymme joitakin näistä vaihtoehdoista tarkemmin alla.

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

Näin upotat karttasi sivustollesi:

  • Rivi 3 näyttää, miten Wink-tyylit upotetaan sivustollesi.
  • Rivillä 6–9 näytetään, miten käytetään wink-content-loader Web-komponenttia ja kerrotaan sille, että se hakee mainosbannerin koodillesi.
  • Rivi 11 näyttää, miten upotetaan Javascript-skripti sivustollesi.
  • Rivi 13 näyttää, miten upotetaan wink-app-loader Web-komponentti ja kerrotaan sille, että se hakee sivutason asetuksesi.

Kehittäjät, jotka haluavat hallita karttoja, voivat siirtyä kohtaan Kehittäjät > API > Inventaario.