Peta

Peta mewakili baik satu pemasok (misalnya hotel atau penyedia pengalaman) atau inventaris (yaitu tipe kamar, ruang rapat, spa, dll) atau kumpulan inventaris seperti daftar kurasi atau pencarian tersimpan dan menampilkan detail tersebut melalui peta interaktif yang berisi penanda peta yang dapat dipesan. Pengguna dapat berinteraksi dengan peta dengan cara berikut:

Zoom, geser, dan tarik peta untuk melihat inventaris yang tersedia.
Klik pada penanda peta untuk melihat detail inventaris dalam bentuk Card.

Peta dengan kartu terbuka — *Peta dengan inventaris yang dapat dipesan*

Sisa artikel ini memandu Anda cara membuat, menyesuaikan, dan membagikan peta Anda.

Membuat peta

Peta dapat dibuat dengan dua cara:

Peta penanda tunggal: Buat peta dari sesuatu yang Anda temukan saat mencari.
Peta penanda ganda: Buat peta dari daftar kurasi atau pencarian tersimpan.

Peta penanda tunggal

Di atas adalah gambar yang diambil dari Pencarian dan menunjukkan beberapa hal yang dapat Anda lakukan dengan hasil pencarian Anda. Salah satu tindakan tersebut adalah Buat peta. Klik tombol itu dan Anda akan diarahkan ke halaman formulir peta kami di mana Anda dapat mulai menyesuaikan peta Anda.

Peta penanda ganda

Baik daftar kurasi maupun pencarian tersimpan memiliki tindakan yang memungkinkan Anda membuat peta. Peta ini akan berisi penanda peta untuk semua inventaris dalam daftar tersebut.

Menyesuaikan peta

Formulir memungkinkan Anda menyesuaikan peta dengan cara berikut:

Beri nama agar Anda ingat tentang apa peta tersebut.
Pilih apakah Anda ingin pengguna diizinkan untuk bergerak di sekitar peta.
Atur tinggi peta dalam piksel sesuai keinginan Anda.
Pilih apakah Anda ingin pengguna diizinkan untuk memperbesar dan memperkecil peta.
Pilih gaya peta yang sesuai dengan situs web tempat Anda akan menyematkan peta.
Pilih warna penanda.
Pilih tampilan kartu awal yang ingin dilihat pengguna terlebih dahulu. Secara default, ini adalah tampilan asli dari inventaris tersebut.
Anda dapat menambahkan penanda, lingkaran, persegi panjang, dan poligon Anda sendiri untuk menunjukkan lokasi lain di peta yang mungkin menarik bagi pengguna Anda.
Klik tombol Simpan untuk melanjutkan.

Setelah menyimpan peta Anda, Anda akan diarahkan ke halaman peta Anda dan peta Anda sekarang siap untuk dibagikan ke dunia.

Membagikan peta

Di atas menunjukkan gambar dengan semua tindakan yang tersedia untuk peta Anda:

Perbarui Memperbarui konfigurasi peta Anda.
Tambahkan ke WinkLinks Menambahkan peta ke akun WinkLinks Anda.
Sematkan Menunjukkan cara menyematkan peta ini sebagai Map ke dalam situs web Anda.
Gunakan dengan WordPress Menunjukkan cara menggunakan plugin WordPress kami untuk menyematkan peta ini ke dalam situs web Anda.

Kami membahas beberapa opsi ini secara lebih rinci 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 cara menyematkan peta Anda ke situs Anda:

Baris 3 menunjukkan cara menyematkan gaya Wink ke situs Anda.
Baris 6 sampai 9 menunjukkan cara menggunakan Komponen Web wink-content-loader dan memberitahunya untuk mengambil banner iklan untuk kode Anda.
Baris 11 menunjukkan cara menyematkan Javascript kami ke situs Anda.
Baris 13 menunjukkan cara menyematkan Komponen Web wink-app-loader dan memberitahunya untuk mengambil preferensi konfigurasi tingkat halaman Anda.

API

Pengembang yang ingin mengelola peta dapat menuju ke Developers > API > Inventory.

Bacaan lanjutan

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