Peta

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

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

Peta dengan kad terbuka — *Peta dengan inventori yang boleh ditempah*

Selepas ini, artikel ini akan membimbing anda cara membuat, menyesuaikan dan berkongsi peta anda.

Buat peta

Peta boleh dibuat dengan dua cara:

Peta penanda tunggal: Buat peta dari sesuatu yang anda temui semasa mencari.
Peta penanda berganda: Buat peta dari senarai terpilih atau carian yang disimpan.

Peta penanda tunggal

Di atas adalah imej yang diambil dari Carian dan menunjukkan beberapa perkara yang anda boleh lakukan dengan hasil carian anda. Salah satu tindakan tersebut ialah Buat peta. Klik pada butang itu dan ia akan mengarahkan anda ke halaman borang peta kami di mana anda boleh mula menyesuaikan peta anda.

Peta penanda berganda

Kedua-dua senarai terpilih dan carian yang disimpan mempunyai tindakan yang membolehkan anda membuat peta. Peta ini akan mengandungi penanda peta untuk semua inventori dalam senarai tersebut.

Sesuaikan peta

Borang membolehkan anda menyesuaikan peta anda dengan cara berikut:

Berikan nama supaya anda ingat apa yang peta itu tentang.
Pilih sama ada anda mahu pengguna dibenarkan bergerak di sekitar peta.
Tetapkan ketinggian peta dalam piksel.
Pilih sama ada anda mahu pengguna dibenarkan untuk zum masuk dan keluar peta.
Pilih gaya peta yang sesuai dengan laman web yang anda akan sematkan peta tersebut.
Pilih warna penanda.
Pilih muka kad awal yang anda mahu pengguna lihat terlebih dahulu. Secara lalai, ia adalah muka asli inventori tersebut.
Anda boleh menambah penanda, bulatan, segi empat tepat dan poligon anda sendiri untuk menunjukkan lokasi lain pada peta yang mungkin menarik bagi pengguna anda.
Klik butang Simpan untuk meneruskan.

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

Kongsi peta

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

Kemas kini Mengemas kini konfigurasi peta anda.
Tambah ke WinkLinks Menambah peta ke akaun WinkLinks anda.
Sematkan Menunjukkan cara untuk menyematkan peta ini sebagai Peta ke dalam laman web anda.
Gunakan dengan WordPress Menunjukkan cara menggunakan plugin WordPress kami untuk menyematkan peta ini ke dalam laman web anda.

Kami akan terangkan beberapa pilihan ini dengan lebih terperinci di bawah.

Sematkan

<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 adalah cara untuk menyematkan peta anda ke dalam laman web anda:

Baris 3 menunjukkan cara menyematkan gaya Wink ke dalam laman web anda.
Baris 6 hingga 9 menunjukkan cara menggunakan Komponen Web wink-content-loader dan memberitahunya untuk mengambil banner iklan untuk kod anda.
Baris 11 menunjukkan cara menyematkan Javascript kami ke dalam laman web anda.
Baris 13 menunjukkan cara menyematkan Komponen Web wink-app-loader dan memberitahunya untuk mengambil keutamaan konfigurasi peringkat halaman anda.

API

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

Bacaan lanjut

Ketahui lebih lanjut tentang koleksi Komponen Web.
Ketahui lebih lanjut tentang plugin WordPress Wink.