Maps

Peta mewakili sama ada pembekal tunggal (mis. penyedia hotel atau pengalaman) atau inventori (iaitu jenis bilik, bilik mesyuarat, spa dll) atau koleksi inventori seperti senarai susun atur atau carian disimpan dan mendedahkan butiran tersebut melalui peta interaktif yang mengandungi penanda peta boleh ditempah. Pengguna boleh berinteraksi dengan peta dengan cara berikut:

Zum, sorot dan seret peta untuk melihat inventori yang tersedia.
Klik pada penanda peta untuk melihat butiran inventori dalam bentuk a Kad.

Peta dengan kad dibuka — *Peta dengan inventori boleh ditempah*

Selebihnya artikel ini membimbing anda tentang cara membuat, menyesuaikan dan berkongsi peta anda.

Buat peta

Peta boleh dibuat dalam dua cara:

Peta penanda tunggal: Buat peta daripada sesuatu yang anda temui semasa mencari.
Peta berbilang penanda: Cipta peta daripada a senarai susun atur atau carian disimpan.

Peta penanda tunggal

Di atas adalah imej yang diambil daripada Cari dan menunjukkan kepada anda beberapa perkara yang boleh anda lakukan dengan hasil carian anda. Salah satu tindakan tersebut ialah Make a map. Klik pada butang itu dan ia akan mengubah hala anda ke halaman borang peta kami di mana anda boleh mula menyesuaikan peta anda.

Peta berbilang penanda

Kedua-duanya senarai susun atur dan carian disimpan datang dengan tindakan yang membolehkan anda membuat peta. Peta ini akan mengandungi penanda peta untuk semua inventori dalam senarai tersebut.

Sesuaikan peta

Borang ini membolehkan anda menyesuaikan peta anda dengan cara berikut:

Beri nama untuk anda mengingati tentang peta itu.
Pilih sama ada anda mahu pengguna dibenarkan bergerak di sekitar peta.
Tetapkan berapa tinggi, dalam piksel, anda mahu peta itu.
Pilih sama ada anda mahu pengguna dibenarkan mengezum masuk dan keluar dari peta.
Pilih gaya peta yang sesuai dengan tapak web yang akan anda benamkan peta.
Pilih warna penanda.
Pilih muka kad awal yang anda mahu pengguna lihat dahulu. Secara lalai, ia ialah wajah asli inventori itu.
Anda boleh menambah penanda, bulatan, segi empat tepat dan poligon anda sendiri untuk menunjukkan lokasi lain pada peta yang mungkin menarik minat pengguna anda.
Klik pada Save butang untuk meneruskan.

Selepas menyimpan peta anda, anda dialihkan ke halaman peta anda dan peta anda kini sedia untuk dikongsi dengan dunia.

Kongsi peta

Di atas menunjukkan kepada anda imej dengan semua tindakan yang tersedia untuk peta anda:

Kemas kini Mengemas kini konfigurasi peta anda.
Tambahkan pada WinkLinks Menambahkan peta pada akaun WinkLinks anda.
Benamkan Menunjukkan kepada anda cara membenamkan peta ini sebagai a Peta ke dalam laman web anda.
Gunakan dengan WordPress Menunjukkan kepada anda cara menggunakan kami Pemalam WordPress untuk membenamkan peta ini ke dalam tapak web anda.

Kami merangkumi beberapa pilihan ini, dengan lebih terperinci, di bawah.

Benamkan

<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>

Berikut ialah cara untuk membenamkan peta anda ke dalam tapak anda:

Baris 3 menunjukkan kepada anda cara membenamkan gaya Wink ke dalam tapak anda.
Baris 6 hingga 9 menunjukkan kepada anda cara menggunakan wink-content-loader Komponen Web dan suruh ia mengambil sepanduk iklan untuk kod anda.
Baris 11 menunjukkan kepada anda cara untuk membenamkan Javascript kami ke dalam tapak anda.
Baris 13 menunjukkan anda cara membenamkan wink-app-loader Komponen Web dan beritahu ia untuk mengambil pilihan konfigurasi peringkat halaman anda.

API

Pembangun yang ingin mengurus peta boleh pergi ke Pembangun > API > Inventori.

Bacaan lanjut

Ketahui lebih lanjut tentang koleksi kami Komponen Web.
Ketahui lebih lanjut tentang Pemalam Wink WordPress.