Geliştiriciler web sitelerine Waze Canlı Haritası yerleştirebilirler. Canlı Harita, ziyaretçilerin Waze'in gerçek zamanlı harita verilerine dayanarak konumları aramasına ve gerçek zamanlı trafik güncellemelerini görüntülemesine olanak tanır.
Waze Canlı Haritasını bir iFrame kullanarak web sitenize yerleştirirsiniz. Böylece çıkış aşağıdaki gibi görünür:
Varsayılan olarak Canlı Harita'nın sol alt köşesinde, bu haritanın arama ve yönlendirme seçeneklerine ait bir bağlantısı bulunur.
Canlı Harita yapılandırma seçenekleriyle ilgili ek örnekler için Örnekler bölümüne bakın.
Waze Live Map ile iFrame yerleştirmek için:
- Web sayfanızı bir metin düzenleyicide açın.
- Web sayfanızda bir iFrame oluşturmak için iFrame kodunuzu web sayfanıza ekleyin.
- Waze Canlı Haritası'nı açın, arama çubuğundan veya haritanın belirli bir bölümünü yakınlaştırıp tıklayarak konumunuzu arayın.
- Haritanın sağ alt köşesindeki paylaş simgesini
tıklayın. Özelleştirilmiş bir gömme kodu içeren bir pop-up görünecektir. Kodu kopyalayıp web sayfanızın gövdesine yapıştırın.
Örnek
Aşağıdaki örnekte, Canlı Haritayı web sitenize nasıl yerleştireceğiniz gösterilmektedir. Kullanım alanınız için URL parametrelerini 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 iFrame boyutunu ekran boyutuna göre otomatik olarak ayarlamak üzere yaygın CSS tekniklerini kullanmanızı öneririz.
URL parametreleri
Aşağıdaki tabloda Waze iFrame 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örüntülemek için bu parametreyi herhangi bir değere ayarlayın. Yayıncılar bu metni kullanarak istasyonlarının web sitelerinde manuel güncelleme yapmaya gerek kalmadan Wazer'lara güncel bilgiler sağlarlar. Tüm metinler, içeriğin doğru olması için Waze tarafından oluşturulur. |
lat |
Zorunlu | Haritanın merkez noktasının enlemi. |
lon |
Zorunlu | Haritanın merkez noktasının boylamı. |
pin |
İsteğe bağlı | Haritanın ortasına bir 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 | Haritanın açıldığı sıradaki büyütme düzeyi. Minimum değer 3'tür (en az büyütme). Maksimum değer 17'dir (çoğu büyütme). |
Yerelleştirme
Varsayılan dil kodu İngilizcedir. Daha fazla bilgi için iFrame'i Yerelleştirme bölümüne bakın.
Aşağıdaki örnekte, görüntüleme dilinin nasıl değiştirileceği 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 Live Map'i sitenize gömmek için aşağıdaki kurallara uymanız gerekir:
- Waze'i hiçbir şekilde Waze dışı harita kullanımıyla ilişkilendirmeyin.
- Waze dışı haritalarda Waze markalı malzemeleri (logo, simgeler vb.) kullanmayın.
Örnekler
Aşağıdaki örneklerde, Canlı Harita'ya farklı görsel öğeler eklemek için parametre kombinasyonlarının kullanılması gösterilmektedir:
1. Örnek
Aşağıdaki iframe uygulaması harita raptiyesini göstermektedir.
Manhattan, New York (Raptiyeli):
iframe şu kodu kullanı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 raptiyesini gösterir ve açıklayıcı metin içerir.
San Paulo (sabitleme ve açıklamayla):
iframe şu kodu kullanı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 raptiyesini göstermektedir.
Paris, Fransa (PIN ile):
iframe şu kodu kullanı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ştirici Topluluğu ile İletişime Geçin
Daha fazla bilgi için Waze Geliştiricileri Topluluğu forumundaki sohbete katılın.