Skip to content
Academy

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.

Luo kartta

Section titled “Luo kartta”

Karttoja voi luoda kahdella tavalla:

Yhden merkin kartta

Section titled “Yhden merkin kartta”
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.

Usean merkin kartta

Section titled “Usean merkin kartta”

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

Mukauta karttaa

Section titled “Mukauta karttaa”

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.

Jaa kartta

Section titled “Jaa kartta”
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.

Upottaa

Section titled “Upottaa”
<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.

API

Section titled “API”

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

Lisälukemista

Section titled “Lisälukemista”