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:
- 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.
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: Lumikha ng mapa mula sa isang bagay na nakita mo habang naghahanap.
- Multi marker na mapa: Gumawa ng mapa mula sa a na-curate na listahan o naka-save na paghahanap.
Iisang marker na mapa
Section titled “Iisang marker na mapa”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:
- Bigyan ito ng pangalan para matandaan mo kung tungkol saan ang mapa.
- Piliin kung gusto mong payagang gumalaw ang user sa mapa.
- Itakda kung gaano kataas, sa mga pixel, gusto mong maging ang mapa.
- Piliin kung gusto mong payagan ang user na mag-zoom in at out sa mapa.
- Pumili ng istilo ng mapa na sumasama sa website kung saan mo ie-embed ang mapa.
- Pumili ng kulay ng marker.
- Piliin ang unang card face na gusto mong unang makita ng mga user. Bilang default, ito ang katutubong mukha ng imbentaryo na iyon.
- 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.
- 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”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.
Maaaring magtungo ang mga developer na gustong pamahalaan ang mga mapa Mga Developer > API > Imbentaryo.
Karagdagang pagbabasa
Section titled “Karagdagang pagbabasa”- Matuto nang higit pa tungkol sa aming koleksyon ng Mga Bahagi ng Web.
- Matuto pa tungkol sa Wink WordPress plugin.