डेवलपर अपनी वेबसाइट पर Waze लाइव मैप जोड़ सकते हैं. लाइव मैप से विज़िटर को जगहों की जानकारी मिलती है और वे Waze के रीयल-टाइम मैप डेटा के आधार पर ट्रैफ़िक के रीयल-टाइम अपडेट देखते हैं.
आप iframe का इस्तेमाल करके Waze लाइव मैप को अपनी वेबसाइट में एम्बेड करते हैं, ताकि आउटपुट ऐसा दिखे:
डिफ़ॉल्ट रूप से, लाइव मैप में इस मैप के खोज और रूटिंग विकल्पों का लिंक नीचे बाएं कोने में शामिल होता है.
लाइव मैप को कॉन्फ़िगर करने के अन्य विकल्पों के उदाहरण देखने के लिए, उदाहरण देखें.
Waze लाइव मैप का इस्तेमाल करके, iFrame को एम्बेड करने के लिए:
- अपने वेब पेज को टेक्स्ट एडिटर में खोलें.
- अपने वेब पेज पर Iframe जनरेट करने के लिए, अपने वेब पेज में iframe कोड जोड़ें.
- Waze का लाइव मैप खोलें और अपनी जगह की जानकारी खोजें. इसके लिए, खोज बार में जाएं या ज़ूम इन करें और मैप पर किसी खास सेगमेंट पर क्लिक करें.
- मैप के सबसे नीचे दाएं कोने में मौजूद, शेयर करें आइकॉन
पर क्लिक करें. कस्टमाइज़ किए गए एम्बेड कोड के साथ एक पॉप-अप दिखाई देगा. कोड को कॉपी करके अपने वेब पेज के मुख्य हिस्से में चिपकाएं.
उदाहरण
नीचे दिए गए उदाहरण में, अपनी वेबसाइट में लाइव मैप को एम्बेड करने का तरीका बताया गया है. अपने इस्तेमाल के उदाहरण के लिए यूआरएल पैरामीटर अपडेट करें.
<iframe src="https://embed.waze.com/iframe?zoom=12&lat=45.6906304&lon=-120.810983" width="300" height="400"></iframe>
iframe को किसी रिस्पॉन्सिव वेबसाइट में जोड़ने के लिए, हमारा सुझाव है कि आप सामान्य सीएसएस तकनीकों का इस्तेमाल करें, ताकि आप स्क्रीन के साइज़ के हिसाब से, Iframe का साइज़ अपने-आप सेट कर सकें.
यूआरएल के पैरामीटर
नीचे दी गई टेबल में Waze iframe के पैरामीटर के बारे में बताया गया है:
| पैरामीटर | ज़रूरी है? | जानकारी |
|---|---|---|
desc |
ज़रूरी नहीं | लाइव मैप में जानकारी देने वाला टेक्स्ट ब्लॉक दिखाने के लिए, इस पैरामीटर को किसी भी वैल्यू पर सेट करें. ब्रॉडकास्टर इस टेक्स्ट का इस्तेमाल, Wazers को अप-टू-डेट जानकारी देने के लिए करते हैं. इसके लिए, उन्हें अपने स्टेशन की वेबसाइट को मैन्युअल तरीके से अपडेट करने की ज़रूरत नहीं होती. Waze यह पक्का करता है कि सारा टेक्स्ट सही हो. |
lat |
ज़रूरी | मैप के केंद्र बिंदु का अक्षांश. |
lon |
ज़रूरी | मैप के केंद्र बिंदु का देशांतर. |
pin |
ज़रूरी नहीं | मैप के बीच में पिन लगाने के लिए, वैल्यू को 1 पर सेट करें. उदाहरण के लिए: <iframe src="https://embed.waze.com/iframe? zoom=12&lat=45.6906304&lon=-120.810983&pin=1" width="300" height="400"></iframe> |
zoom |
ज़रूरी | मैप को खोलने पर, उस पर ज़ूम करने की सुविधा का लेवल. सबसे कम वैल्यू 3 (कम से कम ज़ूम करने की सुविधा) है. सबसे ज़्यादा वैल्यू 17 (ज़्यादातर ज़ूम करने की सुविधा) है. |
स्थानीय भाषा के अनुसार
डिफ़ॉल्ट भाषा कोड अंग्रेज़ी है. ज़्यादा जानकारी के लिए, iFrame का स्थानीय भाषा में अनुवाद करना देखें.
यहां दिए गए उदाहरण में, डिसप्ले की भाषा को बदलने का तरीका बताया गया है:
<iframe src="https://embed.waze.com/fr/iframe?zoom=12&lat=45.6906304&lon=-120.810983" width="300" height="400"></iframe>
दिशा-निर्देश
Waze लाइव मैप को अपनी साइट पर एम्बेड करने के लिए, आपको इन दिशा-निर्देशों का पालन करना होगा:
- Waze को किसी भी तरह से गैर-Waze मैप के इस्तेमाल से न जोड़ें.
- नॉन-Waze मैप के साथ Waze के ब्रैंड वाली सामग्री (लोगो, आइकॉन वगैरह) का इस्तेमाल न करें.
उदाहरण
नीचे दिए गए उदाहरण, लाइव मैप में अलग-अलग विज़ुअल एलिमेंट जोड़ने के लिए, पैरामीटर के कॉम्बिनेशन का इस्तेमाल करने के बारे में बताते हैं:
उदाहरण 1
नीचे दिया गया iframe, मैप पिन दिखाता है.
मैनहैटन, न्यूयॉर्क (पिन के साथ):
Iframe नीचे दिए गए कोड का इस्तेमाल करता है:
<iframe src="https://embed.waze.com/iframe?zoom=13&lat=40.78247&lon=-73.97105&pin=1"
width="100%" height="520"></iframe>
उदाहरण 2
नीचे दिया गया iframe, मैप पिन दिखाता है और जानकारी देने वाला टेक्स्ट शामिल करता है.
सैन पाउलो (पिन और विवरण के साथ):
Iframe नीचे दिए गए कोड का इस्तेमाल करता है:
<iframe src="https://embed.waze.com/iframe?zoom=14&lat=-23.55052&lon=-46.63331&pin=1&desc=1"
width="100%" height="520"></iframe>
तीसरा उदाहरण
नीचे दिया गया iframe, मैप पिन दिखाता है.
पैरिस, फ़्रांस (पिन के साथ):
Iframe नीचे दिए गए कोड का इस्तेमाल करता है:
<iframe src="https://embed.waze.com/iframe?zoom=13&lat=48.85661&lon=2.35222&pin=1"
width="100%" height="520"></iframe>
Waze डेवलपर समुदाय से संपर्क करें
ज़्यादा जानकारी के लिए, Waze डेवलपर के कम्यूनिटी फ़ोरम में बातचीत में शामिल हों.