Skip to content

Maps

Kartta edustaa joko yksittäistä toimittajaa (esim. hotellia tai elämyspalveluntarjoajaa) tai varastoa (esim. huonetyyppiä, kokoustilaa, kylpylää jne.) tai varastokokoelmaa, kuten kuratoitua listaa tai tallennettua hakua, ja näyttää nämä tiedot interaktiivisen kartan kautta, joka sisältää varattavia karttamerkkejä.

Käyttäjä voi olla vuorovaikutuksessa kartan kanssa seuraavilla tavoilla:

Kartta merkeillä
Kartta karttamerkeillä
  • Zoomaa, panoroi ja vedä karttaa nähdäksesi saatavilla olevan varaston.
  • Napsauta karttamerkkiä nähdäksesi varastotiedot karttamerkin muodossa.Kortti.
Kartta, jossa kortti on auki
Kartta varattavissa olevasta varastosta

Tämän artikkelin loppuosa opastaa sinua karttojen luomisessa, mukauttamisessa ja jakamisessa.

Karttoja voi luoda kahdella tavalla:

Toiminnot
Hakutulosten toiminnot

Yllä oleva kuva on otettu osoitteestaHakuja näyttää joitakin asioita, joita voit tehdä hakutuloksillesi. Yksi näistä toiminnoista onMake a map. Klikkaa kyseistä painiketta, niin sinut ohjataan karttalomakesivullemme, jossa voit aloittaa kartan mukauttamisen.

Molemmatkuratoituja listojajatallennetut hautmukana tulee toiminto, jolla voit luoda kartan. Tämä kartta sisältää karttamerkit kaikille kyseisten listojen inventaarioille.

Lomakkeen avulla voit mukauttaa karttaasi seuraavilla tavoilla:

  1. Keksi kartalle nimi, jotta muistat, mistä siinä on kyse.
  2. Valitse, voiko käyttäjä liikkua kartalla.
  3. Aseta kartan korkeus pikseleinä.
  4. Valitse, voiko käyttäjä zoomata karttaa sisään ja ulos.
  5. Valitse karttatyyli, joka sopii verkkosivustolle, johon upotat kartan.
  6. Valitse merkin väri.
  7. Valitse kortin alkuperäinen kuva, jonka haluat käyttäjien näkevän ensin. Oletusarvoisesti se on kyseisen varaston alkuperäinen kuva.
  8. Voit lisätä omia merkkejä, ympyröitä, suorakulmioita ja monikulmioita osoittaaksesi kartalle muita sijainteja, joista käyttäjäsi saattavat pitää mielenkiintoisia.
  9. Klikkaa Save -painiketta jatkaaksesi.

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

Kartta
Karttamerkintä, jossa on tiivistetty toimintovalikko

Yllä olevassa kuvassa näkyvät kaikki kartallasi käytettävissä olevat toiminnot:

  • PäivittääPäivittää karttasi kokoonpanon.
  • Lisää WinkLinksiinLisää kartan WinkLinks-tilillesi.
  • UpottaaNäyttää, miten tämä kartta upotetaanKarttaverkkosivustollesi.
  • Käytä WordPressin kanssaNäyttää, miten käytät meidänWordPress-laajennusupottaaksesi tämän kartan verkkosivustollesi.

Käsittelemme 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 kartan sivustoosi:

  • Rivi 3 näyttää, miten Wink-tyylit upotetaan sivustoosi.
  • Rivit 6–9 näyttävät, miten käytätwink-content-loaderVerkkokomponentti ja käske sitä hakemaan mainosbanneri koodillesi.
  • Rivi 11 näyttää, miten voit upottaa Javascriptimme sivustoosi.
  • Rivi 13 näyttää, miten upotetaanwink-sovelluksen latausohjelmaVerkkokomponentti ja käske sitä hakemaan sivutason määritysasetuksesi.

Kehittäjät, jotka haluavat hallita karttoja, voivat siirtyä osoitteeseenKehittäjät > API > Mainosalue.