Lewati ke konten

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:

Peta dengan penanda
Peta dengan penanda peta
  • Perbesar, geser, dan seret peta untuk melihat inventaris yang tersedia.
  • Klik penanda peta untuk melihat detail inventaris dalam bentukKartu.
Peta dengan kartu terbuka
Peta dengan inventaris yang dapat dipesan

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

Peta dapat dibuat dengan dua cara:

Tindakan
Tindakan hasil pencarian

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.

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.

Formulir ini memungkinkan Anda menyesuaikan peta dengan cara berikut:

  1. Berikan nama supaya Anda mengingat tentang apa peta tersebut.
  2. Pilih apakah Anda ingin pengguna diizinkan untuk bergerak di sekitar peta.
  3. Tetapkan tinggi, dalam piksel, yang Anda inginkan pada peta tersebut.
  4. Pilih apakah Anda ingin pengguna diizinkan untuk memperbesar dan memperkecil peta.
  5. Pilih gaya peta yang sesuai dengan situs web tempat Anda akan menyematkan peta.
  6. Pilih warna spidol.
  7. Pilih tampilan awal kartu yang ingin Anda tampilkan pertama kali kepada pengguna. Secara default, tampilan ini adalah tampilan asli inventaris tersebut.
  8. Anda dapat menambahkan penanda, lingkaran, persegi panjang, dan poligon Anda sendiri untuk menunjukkan lokasi lain pada peta yang mungkin dianggap menarik oleh pengguna Anda.
  9. Klik tombol Save untuk melanjutkan.

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

Peta
Entri peta dengan menu tindakan yang diciutkan

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.

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