Developer dapat menyematkan Peta Langsung Waze di situsnya. Peta Langsung memungkinkan pengunjung mencari lokasi dan melihat info lalu lintas secara real-time berdasarkan data peta real-time Waze.
Anda dapat menyematkan Peta Langsung Waze ke situs menggunakan iFrame, sehingga hasilnya terlihat seperti berikut:
Secara default, Peta Langsung menyertakan link ke opsi penelusuran dan perutean peta ini di sudut kiri bawah.
Untuk contoh opsi konfigurasi Peta Langsung tambahan, lihat Contoh.
Untuk menyematkan iFrame dengan Peta Langsung Waze:
- Buka halaman di editor teks.
- Untuk menampilkan iFrame di halaman, tambahkan kode iFrame ke halaman.
- Buka Peta Langsung Waze, telusuri lokasi Anda di kotak penelusuran atau dengan melakukan zoom in dan mengklik segmen tertentu pada peta.
- Klik ikon bagikan
di sudut kanan bawah
peta. Pop-up akan muncul dengan kode sematan kustom. Copy-paste kode ke bagian isi halaman Anda.
Contoh
Contoh berikut menunjukkan cara menyematkan Peta Langsung ke situs Anda. Ubah parameter URL untuk kasus penggunaan Anda.
<iframe src="https://embed.waze.com/iframe?zoom=12&lat=45.6906304&lon=-120.810983" width="300" height="400"></iframe>
Untuk menyematkan iFrame ke situs yang responsif, sebaiknya gunakan teknik CSS umum untuk menetapkan ukuran iFrame secara otomatis, berdasarkan ukuran layar.
Parameter URL
Tabel berikut menjelaskan parameter Waze iFrame:
| Parameter | Wajib? | Deskripsi |
|---|---|---|
desc |
Opsional | Setel parameter ini ke nilai apa pun untuk menampilkan blok teks deskriptif di Peta Langsung. Broadcaster menggunakan teks ini untuk memberikan informasi terbaru kepada Wazer, tanpa perlu melakukan perubahan manual pada situs stasiun TV atau radio mereka. Semua teks dibuat oleh Waze untuk memastikan bahwa kontennya sudah tepat. |
lat |
Wajib | Lintang titik tengah peta. |
lon |
Wajib | Bujur titik tengah peta. |
pin |
Opsional | Setel ke 1 untuk menempatkan pin ke pusat peta. Contoh: <iframe src="https://embed.waze.com/iframe? zoom=12&lat=45.6906304&lon=-120.810983&pin=1" width="300" height="400"></iframe> |
zoom |
Wajib | Tingkat pembesaran peta saat dibuka. Nilai minimumnya adalah 3 (pembesaran terkecil). Nilai maksimumnya adalah 17 (pembesaran terbesar). |
Pelokalan
Kode bahasa default adalah bahasa Inggris. Untuk informasi selengkapnya, lihat Melokalkan iFrame.
Contoh berikut menunjukkan cara mengubah bahasa tampilan:
<iframe src="https://embed.waze.com/fr/iframe?zoom=12&lat=45.6906304&lon=-120.810983" width="300" height="400"></iframe>
Panduan
Untuk menyematkan Peta Langsung Waze di situs, Anda harus mengikuti panduan berikut:
- Jangan kaitkan Waze dengan penggunaan peta non-Waze dengan cara apa pun.
- Jangan gunakan materi bermerek Waze (logo, ikon, dll) pada peta non-Waze.
Contoh
Contoh berikut menunjukkan penggunaan kombinasi parameter untuk menambahkan elemen visual yang berbeda ke Peta Langsung:
Contoh 1
Implementasi iframe berikut menampilkan pin peta.
Manhattan, New York (Dengan pin):
Iframe menggunakan kode berikut:
<iframe src="https://embed.waze.com/iframe?zoom=13&lat=40.78247&lon=-73.97105&pin=1"
width="100%" height="520"></iframe>
Contoh 2
Implementasi iframe berikut menampilkan pin peta dan menyertakan teks deskriptif.
San Paulo (dengan pin dan deskripsi):
Iframe menggunakan kode berikut:
<iframe src="https://embed.waze.com/iframe?zoom=14&lat=-23.55052&lon=-46.63331&pin=1&desc=1"
width="100%" height="520"></iframe>
Contoh 3
Implementasi iframe berikut menampilkan pin peta.
Paris, Prancis (dengan pin):
Iframe menggunakan kode berikut:
<iframe src="https://embed.waze.com/iframe?zoom=13&lat=48.85661&lon=2.35222&pin=1"
width="100%" height="520"></iframe>