Maps
Peta mewakili satu pemasok (misalnya hotel atau penyedia pengalaman) atau inventaris (misalnya jenis kamar, ruang rapat, spa, dll.) atau kumpulan inventaris seperti daftar yang dikurasi atau pencarian tersimpan dan memperlihatkan detail tersebut melalui peta interaktif yang berisi penanda peta yang dapat dipesan. Pengguna dapat berinteraksi dengan peta dengan cara berikut:
- Perbesar, geser, dan seret peta untuk melihat inventaris yang tersedia.
- Klik penanda peta untuk melihat detail inventaris dalam bentukKartu.
Sisa artikel ini memandu Anda cara membuat, menyesuaikan, dan membagikan peta Anda.
Membuat peta
Section titled “Membuat peta”Peta dapat dibuat dengan dua cara:
- Peta penanda tunggal: Buat peta dari sesuatu yang Anda temukan saatmencari.
- Peta multi penanda: Buat peta daridaftar yang dikurasi atau pencarian tersimpan.
Peta penanda tunggal
Section titled “Peta penanda tunggal”Di atas adalah gambar yang diambil dariMencaridan menunjukkan beberapa hal yang dapat Anda lakukan dengan hasil pencarian Anda. Salah satu tindakan tersebut adalahMake a map
.
Klik tombol tersebut dan Anda akan diarahkan ke halaman formulir peta tempat Anda dapat mulai menyesuaikan peta Anda.
Peta multi penanda
Section titled “Peta multi penanda”Keduanya daftar yang dikurasi Dan pencarian tersimpandilengkapi dengan tindakan yang memungkinkan Anda membuat peta. Peta ini akan berisi penanda peta untuk semua inventaris dalam daftar tersebut.
Sesuaikan peta
Section titled “Sesuaikan peta”Formulir ini memungkinkan Anda menyesuaikan peta dengan cara berikut:
- Berikan nama supaya Anda mengingat tentang apa peta tersebut.
- Pilih apakah Anda ingin pengguna diizinkan untuk bergerak di sekitar peta.
- Tetapkan tinggi, dalam piksel, yang Anda inginkan pada peta tersebut.
- 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 spidol.
- Pilih tampilan awal kartu yang ingin Anda tampilkan pertama kali kepada pengguna. Secara default, tampilan ini adalah tampilan asli inventaris tersebut.
- Anda dapat menambahkan penanda, lingkaran, persegi panjang, dan poligon Anda sendiri untuk menunjukkan lokasi lain pada peta yang mungkin dianggap menarik oleh pengguna Anda.
- Klik tombol
Save
untuk melanjutkan.
Setelah menyimpan peta, Anda akan diarahkan ke halaman peta dan peta Anda sekarang siap dibagikan ke seluruh dunia.
Bagikan peta
Section titled “Bagikan peta”Di atas menunjukkan gambar dengan semua tindakan yang tersedia untuk peta Anda:
- MemperbaruiMemperbarui konfigurasi peta Anda.
- Tambahkan ke WinkLinksMenambahkan peta ke akun WinkLinks Anda.
- MenanamkanMenunjukkan cara menyematkan peta ini sebagaiPetake situs web Anda.
- Gunakan dengan WordPressMenunjukkan cara menggunakan kamiPlugin WordPressuntuk menanamkan peta ini ke situs web Anda.
Kami membahas beberapa opsi ini, secara lebih rinci, di bawah ini.
Menanamkan
Section titled “Menanamkan”<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 menanamkan peta ke situs Anda:
- Baris 3 menunjukkan cara menanamkan gaya Wink ke situs Anda.
- Baris 6 hingga 9 menunjukkan cara menggunakanwink-konten-pemuatKomponen Web dan memintanya untuk mengambil spanduk iklan untuk kode Anda.
- Baris 11 menunjukkan cara menanamkan Javascript ke situs Anda.
- Baris 13 menunjukkan cara menanamkanpemuat-aplikasi-winkKomponen Web dan memintanya untuk mengambil preferensi konfigurasi tingkat halaman Anda.
Pengembang yang ingin mengelola peta dapat menuju kePengembang > API > Inventaris.
Bacaan lebih lanjut
Section titled “Bacaan lebih lanjut”- Pelajari lebih lanjut tentang koleksi kamiKomponen Web.
- Pelajari lebih lanjut tentangPlugin WordPress Wink.