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

Karttoja voi luoda kahdella tavalla:

Yhden merkin karttaLuo kartta jostakin löytämästäsi asiastaetsiminen.
Usean merkin kartta: Luo kartta kohteesta kuratoitu lista taitallennettu haku.

Yhden merkin kartta

Yllä oleva kuva on otettu osoitteesta Haku ja 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

Molemmat kuratoituja listoja ja kuratoituja listoja mukana tulee toiminto, jolla voit luoda kartan. Tämä kartta sisältää karttamerkit kaikille kyseisten listojen inventaarioille.

Mukauta karttaa

Lomakkeen avulla voit mukauttaa karttaasi seuraavilla tavoilla:

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

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

Jaa kartta

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 upotetaan Kartta verkkosivustollesi.
Käytä WordPressin kanssaNäyttää, miten käytät meidän WordPress-laajennus upottaaksesi tämän kartan verkkosivustollesi.

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

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ät wink-content-loader Verkkokomponentti ja käske sitä hakemaan mainosbanneri koodillesi.
Rivi 11 näyttää, miten voit upottaa Javascriptimme sivustoosi.
Rivi 13 näyttää, miten upotetaan wink-sovelluksen latausohjelma Verkkokomponentti ja käske sitä hakemaan sivutason määritysasetuksesi.

API

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

Lisälukemista

Lue lisää kokoelmastammeVerkkokomponentit.
Lue lisää aiheestaWink WordPress -laajennus.