डेवलपर, अपनी वेबसाइट पर Waze का लाइव मैप एम्बेड कर सकते हैं. लाइव मैप की मदद से, वेबसाइट पर आने वाले लोग जगहों को खोज सकते हैं. साथ ही, Waze के रीयल-टाइम मैप डेटा के आधार पर, ट्रैफ़िक की रीयल-टाइम जानकारी देख सकते हैं.
iFrame का इस्तेमाल करके, Waze Live Map को अपनी वेबसाइट में एम्बेड किया जा सकता है. इससे आउटपुट इस तरह दिखेगा:
डिफ़ॉल्ट रूप से, लाइव मैप में इस मैप के खोज और राउटिंग विकल्पों का लिंक शामिल होता है. यह लिंक, नीचे-बाएं कोने में मौजूद होता है.
लाइव मैप कॉन्फ़िगरेशन के अन्य विकल्पों के उदाहरण देखने के लिए, उदाहरण देखें.
Waze Live Map के साथ 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 (सबसे ज़्यादा ज़ूम) हो सकती है. |
Localization
डिफ़ॉल्ट भाषा कोड अंग्रेज़ी है. ज़्यादा जानकारी के लिए, iFrame को स्थानीय भाषा में बदलना लेख पढ़ें.
यहां दिए गए उदाहरण में, डिसप्ले की भाषा बदलने का तरीका बताया गया है:
<iframe src="https://embed.waze.com/fr/iframe?zoom=12&lat=45.6906304&lon=-120.810983" width="300" height="400"></iframe>
दिशा-निर्देश
Waze Live Map को अपनी साइट पर एम्बेड करने के लिए, आपको इन दिशा-निर्देशों का पालन करना होगा:
- 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>उदाहरण 3
नीचे दिए गए 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 Developers' Community से संपर्क करना
ज़्यादा जानकारी के लिए, Waze Developers' Community फ़ोरम पर हो रही बातचीत में शामिल हों.