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.

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 saatmencari.
Peta multi penanda: Buat peta daridaftar yang dikurasi atau pencarian tersimpan.

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

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

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

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

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

API

Pengembang yang ingin mengelola peta dapat menuju kePengembang > API > Inventaris.

Bacaan lebih lanjut

Pelajari lebih lanjut tentang koleksi kamiKomponen Web.
Pelajari lebih lanjut tentangPlugin WordPress Wink.