Skip to content
Academy

Maps

Kinakatawan ng mapa ang alinman sa iisang supplier (hal. hotel o provider ng karanasan) o imbentaryo (ibig sabihin, uri ng kwarto, meeting room, spa atbp) o isang koleksyon ng imbentaryo gaya ng na-curate na listahan o naka-save na paghahanap at inilalantad ang mga detalyeng iyon sa pamamagitan ng interactive na mapa na naglalaman ng mga bookable na marker ng mapa. Ang isang user ay maaaring makipag-ugnayan sa isang mapa sa mga sumusunod na paraan:

Mapa na may mga marker
Mapa na may mga marker ng mapa
  • I-zoom, i-pan at i-drag ang mapa para makita ang available na imbentaryo.
  • Mag-click sa isang marker ng mapa upang makita ang mga detalye ng imbentaryo sa anyo ng a Card.
Mapa na nakabukas ang card
Mapa na may mai-book na imbentaryo

Ang natitirang bahagi ng artikulong ito ay gagabay sa iyo kung paano gumawa, mag-customize at magbahagi ng iyong mga mapa.

Gumawa ng mapa

Section titled “Gumawa ng mapa”

Ang mga mapa ay maaaring gawin sa dalawang paraan:

Iisang marker na mapa

Section titled “Iisang marker na mapa”
Mga aksyon
Mga aksyon sa resulta ng paghahanap

Sa itaas ay isang larawan na kinuha mula sa Maghanap at ipinapakita sa iyo ang ilan sa mga bagay na maaari mong gawin sa iyong mga resulta ng paghahanap. Isa sa mga aksyon na iyon ay Make a map. I-click ang button na iyon at ire-redirect ka nito sa aming page form ng mapa kung saan maaari mong simulan ang pag-customize ng iyong mapa.

Multi marker na mapa

Section titled “Multi marker na mapa”

pareho mga na-curate na listahan at mga naka-save na paghahanap may kasamang aksyon na nagbibigay-daan sa iyong lumikha ng mapa. Maglalaman ang mapa na ito ng mga marker ng mapa para sa lahat ng imbentaryo sa loob ng mga listahang iyon.

I-customize ang mapa

Section titled “I-customize ang mapa”

Hinahayaan ka ng form na i-customize ang iyong mapa sa mga sumusunod na paraan:

  1. Bigyan ito ng pangalan para matandaan mo kung tungkol saan ang mapa.
  2. Piliin kung gusto mong payagang gumalaw ang user sa mapa.
  3. Itakda kung gaano kataas, sa mga pixel, gusto mong maging ang mapa.
  4. Piliin kung gusto mong payagan ang user na mag-zoom in at out sa mapa.
  5. Pumili ng istilo ng mapa na sumasama sa website kung saan mo ie-embed ang mapa.
  6. Pumili ng kulay ng marker.
  7. Piliin ang unang card face na gusto mong unang makita ng mga user. Bilang default, ito ang katutubong mukha ng imbentaryo na iyon.
  8. Maaari kang magdagdag ng iyong sariling mga marker, bilog, parihaba at polygon upang isaad ang iba pang mga lokasyon sa mapa na maaaring interesante sa iyong mga user.
  9. I-click ang Save pindutan upang magpatuloy.

Pagkatapos i-save ang iyong mapa, ire-redirect ka sa iyong pahina ng mga mapa at ang iyong mapa ay handa na ngayong ibahagi sa mundo.

Ibahagi ang mapa

Section titled “Ibahagi ang mapa”
Mapa
Isang entry sa mapa na may naka-collapse na menu ng mga pagkilos

Sa itaas ay nagpapakita sa iyo ng isang larawan kasama ang lahat ng magagamit na pagkilos para sa iyong mapa:

  • Update Ina-update ang iyong configuration ng mapa.
  • Idagdag sa WinkLinks Idinaragdag ang mapa sa iyong WinkLinks account.
  • I-embed Ipinapakita sa iyo kung paano i-embed ang mapang ito bilang a Mapa sa iyong website.
  • Gamitin sa WordPress Ipinapakita sa iyo kung paano gamitin ang aming WordPress plugin upang i-embed ang mapang ito sa iyong website.

Sinasaklaw namin ang ilan sa mga opsyong ito, nang mas detalyado, sa ibaba.

I-embed

Section titled “I-embed”
<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>

Narito kung paano i-embed ang iyong mapa sa iyong site:

  • Ipinapakita sa iyo ng Linya 3 kung paano i-embed ang mga istilo ng Wink sa iyong site.
  • Ipinapakita sa iyo ng mga linya 6 hanggang 9 kung paano gamitin ang wink-content-loader Web Component at sabihin dito na kumuha ng ad banner para sa iyong code.
  • Ipinapakita sa iyo ng Linya 11 kung paano i-embed ang aming Javascript sa iyong site.
  • Ipinapakita sa iyo ng linya 13 kung paano i-embed ang wink-app-loader Web Component at sabihin dito na kunin ang iyong mga kagustuhan sa configuration sa antas ng page.

API

Section titled “API”

Maaaring magtungo ang mga developer na gustong pamahalaan ang mga mapa Mga Developer > API > Imbentaryo.

Karagdagang pagbabasa

Section titled “Karagdagang pagbabasa”