Geliştiriciler Waze Canlı Haritası'nı web sitelerine yerleştirebilir. Canlı Harita, ziyaretçilerin yerler ve Waze'in gerçek zamanlı harita verilerine dayalı anlık trafik güncellemelerini görüntüleyin.
Waze Canlı Haritası'nı bir iFrame kullanarak web sitenize yerleştirebilirsiniz. Böylece çıktınız örneğin:
Canlı Harita, varsayılan olarak bu haritanın arama ve yönlendirme seçeneklerinin bir bağlantısını tıklayın.
Canlı Harita'ya ilişkin ek yapılandırma seçeneklerinin örnekleri için Örnekler.
Waze Canlı Harita 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 Live Map'i açın, konumunuzu arama çubuğundan veya yakınlaştırıp tıklayarak belirli bir yeri seçmeniz gerekir.
- Sayfanın sağ alt köşesindeki paylaş simgesini
tıklayın.
haritası. Özelleştirilmiş bir yerleştirme kodu içeren bir pop-up görüntülenir. Kodu kopyalayıp web sayfanız.
Örnek
Aşağıdaki örnekte, Canlı Harita'yı web sitenize nasıl yerleştireceğiniz gösterilmektedir. URL'yi güncelleme parametrelerinden birini kullanın.
<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 yaygın CSS tekniklerini kullanmanızı öneririz: ekran boyutuna göre iFrame boyutunu otomatik olarak ayarlar.
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 Wazers için güncel bilgiler sağlar, istasyonlarına ilişkin manuel güncellemeler bulabilirsiniz. Tüm metinler Waze tarafından oluşturulur emin olun. |
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 merkezine 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ığı zamanki 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 bkz. Yerelleştirme iFrame'e geçiş yapı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 Canlı Haritası'nı sitenize yerleştirmek için aşağıdaki yönergelere uymanız gerekir:
- Waze'i hiçbir şekilde Waze'e ait olmayan bir haritayla ilişkilendirmeyin.
- Waze markalı olmayan malzemeleri (logo, simgeler vb.) için Waze'e ait olmayan haritalarla kullanmayın.
Örnekler
Aşağıdaki örneklerde, farklı görsel öğeler eklemek için parametre kombinasyonlarının kullanılması gösterilmektedir Canlı Harita'ya ekleme:
1. Örnek
Aşağıdaki iframe uygulaması, harita raptiyesini göstermektedir.
Manhattan, New York (PIN ile):
iframe aşağıdaki 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ı metni içerir.
San Paulo (PIN ve açıklamayla):
iframe aşağıdaki 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 (pimle):
iframe aşağıdaki 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ştiricileri ile bağlantı kurun Topluluk
Daha fazla bilgi edinmek için Waze Geliştiricileri Topluluk forumu.