Skip to content

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:

Peta dengan penanda
Peta dengan penanda peta
  • 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.

Peta boleh dibuat dalam dua cara:

Tindakan
Tindakan hasil carian

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.

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.

Borang ini membolehkan anda menyesuaikan peta anda dengan cara berikut:

  1. Beri nama untuk anda mengingati tentang peta itu.
  2. Pilih sama ada anda mahu pengguna dibenarkan bergerak di sekitar peta.
  3. Tetapkan berapa tinggi, dalam piksel, anda mahu peta itu.
  4. Pilih sama ada anda mahu pengguna dibenarkan mengezum masuk dan keluar dari peta.
  5. Pilih gaya peta yang sesuai dengan tapak web yang akan anda benamkan peta.
  6. Pilih warna penanda.
  7. Pilih muka kad awal yang anda mahu pengguna lihat dahulu. Secara lalai, ia ialah wajah asli inventori itu.
  8. Anda boleh menambah penanda, bulatan, segi empat tepat dan poligon anda sendiri untuk menunjukkan lokasi lain pada peta yang mungkin menarik minat pengguna anda.
  9. 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.

Peta
Entri peta dengan menu tindakan yang diruntuhkan

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.

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

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