Geliştiriciler, web sitelerine Waze Canlı Harita'yı yerleştirebilir. Canlı Harita, ziyaretçilerin konum aramasına ve Waze'in anlık harita verilerine dayalı olarak anlık trafik bilgileri görüntülemesine olanak tanır.
Waze Canlı Harita'yı bir iFrame kullanarak web sitenize yerleştirirsiniz. Böylece çıkış aşağıdaki gibi görünür:
Canlı Harita'da varsayılan olarak sol alt köşede bu haritanın arama ve rota seçeneklerine yönelik bir bağlantı bulunur.
Ek Canlı Harita yapılandırma seçenekleriyle ilgili örnekler için Örnekler bölümüne bakın.
Waze Canlı Harita ile iFrame yerleştirmek için:
- Web sayfanızı bir metin düzenleyicide açın.
- Web sayfanızda iFrame oluşturmak için iFrame kodunuzu web sayfanıza ekleyin.
- Waze Canlı Harita'yı açın, arama çubuğunda veya haritayı yakınlaştırıp belirli bir bölümü tıklayarak konumunuzu arayın.
- Haritanın sağ alt köşesindeki paylaş simgesini
tıklayın. Özelleştirilmiş bir yerleştirme kodunun yer aldığı bir pop-up pencere gösterilir. Kodu kopyalayıp web sayfanızın gövdesine yapıştırın.
Örnek
Aşağıdaki örnekte, canlı haritanın web sitenize nasıl yerleştirileceği gösterilmektedir. URL parametrelerini kullanım alanınıza göre güncelleyin.
<iframe src="https://embed.waze.com/iframe?zoom=12&lat=45.6906304&lon=-120.810983" width="300" height="400"></iframe>
iFrame'i duyarlı bir web sitesine yerleştirmek için ekran boyutuna göre iFrame boyutunu otomatik olarak ayarlamak üzere yaygın CSS tekniklerini kullanmanızı öneririz.
URL parametreleri
Aşağıdaki tabloda Waze iFrame'inin parametreleri açıklanmaktadır:
| Parametre | Zorunlu mu? | Açıklama |
|---|---|---|
desc |
İsteğe bağlı | Canlı Harita'da açıklayıcı bir metin bloğu göstermek için bu parametreyi herhangi bir değere ayarlayın. Yayıncılar, istasyonlarının web sitelerinde manuel güncelleme yapmaya gerek kalmadan Wazer'lara güncel bilgiler sağlamak için bu metni kullanır. Tüm metinler Waze tarafından oluşturulur ve içeriğin doğru olması sağlanır. |
lat |
Zorunlu | Haritanın odak noktasının enlemi. |
lon |
Zorunlu | Haritanın merkez noktasının boylamı. |
pin |
İsteğe bağlı | Haritanın merkezine raptiye yerleştirmek için 1 olarak ayarlayın. Örneğin: <iframe src="https://embed.waze.com/iframe? zoom=12&lat=45.6906304&lon=-120.810983&pin=1" width="300" height="400"></iframe> |
zoom |
Zorunlu | Harita açıldığında büyütme düzeyi. Minimum değer 3'tür (en az büyütme). Maksimum değer 17'dir (en fazla büyütme). |
Yerelleştirme
Varsayılan dil kodu İngilizce'dir. Daha fazla bilgi için iFrame'i yerelleştirme başlıklı makaleyi inceleyin.
Görüntüleme dilinin nasıl değiştirileceği aşağıdaki örnekte gösterilmektedir:
<iframe src="https://embed.waze.com/fr/iframe?zoom=12&lat=45.6906304&lon=-120.810983" width="300" height="400"></iframe>
Yönergeler
Waze Canlı Haritası'nı sitenize yerleştirmek için aşağıdaki yönergelere uymanız gerekir:
- Waze'i hiçbir şekilde Waze dışı bir haritanın kullanımıyla ilişkilendirmeyin.
- Waze markalı materyalleri (logo, simgeler vb.) Waze dışındaki haritalarla kullanmayın.
Örnekler
Aşağıdaki örneklerde, Canlı Harita'ya farklı görsel öğeler eklemek için parametre kombinasyonlarının kullanımı gösterilmektedir:
1. Örnek
Aşağıdaki iFrame uygulaması, harita işaretçisini gösterir.
Manhattan, New York (PIN ile):
iframe'de aşağıdaki kod kullanılır:
<iframe src="https://embed.waze.com/iframe?zoom=13&lat=40.78247&lon=-73.97105&pin=1"
width="100%" height="520"></iframe>2. Örnek
Aşağıdaki iFrame uygulaması, harita işaretçisini gösterir ve açıklayıcı metni içerir.
San Paulo (pin ve açıklama ile):
iframe'de aşağıdaki kod kullanılır:
<iframe src="https://embed.waze.com/iframe?zoom=14&lat=-23.55052&lon=-46.63331&pin=1&desc=1"
width="100%" height="520"></iframe>3. Örnek
Aşağıdaki iFrame uygulaması, harita işaretçisini gösterir.
Paris, Fransa (PIN ile):
iframe'de aşağıdaki kod kullanılır:
<iframe src="https://embed.waze.com/iframe?zoom=13&lat=48.85661&lon=2.35222&pin=1"
width="100%" height="520"></iframe>Waze Geliştiricileri Topluluğu ile iletişime geçme
Daha fazla bilgi için Waze Developers' Community forumundaki sohbete katılın.