अपनी वेबसाइट पर Google मानचित्र ड्राइविंग निर्देश जोड़ें

हालाँकि बिंदु A से बिंदु B तक पहुँचने के लिए बहुत सारे मैपिंग ऐप और सेवाएँ हैं, लेकिन मानचित्रों के निश्चित राजा Google मैप्स हैं। मैं इसे अपने कंप्यूटर, टैबलेट और 90% समय अपने स्मार्टफोन पर उपयोग करता हूं। यह सबसे अच्छा डेटा, सबसे नेविगेशन और रूटिंग विकल्प और सड़क दृश्य और चलने, बाइकिंग और बड़े पैमाने पर पारगमन की जानकारी जैसी शांत विशेषताओं को प्राप्त करता है.

लेकिन क्या होगा अगर आपको Google की वेबसाइट के बाहर के नक्शे या निर्देशों का उपयोग करने की आवश्यकता है? मान लीजिए कि आपकी खुद की शादी की वेबसाइट है या कोई निजी ब्लॉग है और मेहमान आपकी साइट पर जा सकते हैं, तो वे उस पते पर टाइप करें, जहाँ से वे आ रहे हैं और स्वचालित रूप से इवेंट लोकेशन के लिए दिशा-निर्देश प्राप्त करेंगे।!

खैर, कुछ तरीके हैं जिनसे आप इसे पूरा कर सकते हैं। सबसे आसान तरीका है कि Google मैप्स द्वारा उत्पन्न एम्बेड कोड का उपयोग करके बस अपने वेबपेज पर मानचित्र को एम्बेड करें। दूसरा तरीका थोड़ा अधिक तकनीकी है, लेकिन अधिक अनुकूलन और गतिशील है। मैं नीचे दोनों विधियों का उल्लेख करूँगा.

Google मानचित्र एम्बेड करें

यदि आप केवल एक स्थान से दूसरे स्थान पर दिशाओं को प्रदर्शित करना चाहते हैं, तो सबसे आसान काम यह है कि एम्बेड कोड का उपयोग करके आप जो भी नक्शा देख रहे हैं उसे एम्बेड करें। सबसे पहले, आगे बढ़ें और Google मैप्स में जो भी निर्देश चाहें, उसे सेट करें और फिर पेज के निचले भाग में गियर आइकन पर क्लिक करें.

पर क्लिक करें शेयर या एम्बेड नक्शा और फिर पर क्लिक करें नक्शा एम्बेड करें टैब। यहां आप अपने नक्शे के लिए एक आकार चुन सकते हैं और फिर iframe कोड की प्रतिलिपि बना सकते हैं और इसे अपने पसंद के किसी भी वेबपेज पर छोड़ सकते हैं.

इस पद्धति का एकमात्र नकारात्मक पहलू यह है कि उपयोगकर्ता केवल एक स्थिर मानचित्र देखता है। नीचे दी गई दूसरी विधि में, आप एक फार्म बना सकते हैं जिसके तहत उपयोगकर्ता किसी भी शुरुआती पते पर टाइप कर सकता है और यह आपके पते के गंतव्य पते के लिए उस पते से एक मानचित्र उत्पन्न करेगा.

Google मानचित्र फ़ॉर्म बनाएँ

यह समझने के लिए कि दूसरी विधि से मेरा क्या अभिप्राय है, आगे बढ़ें और अपने स्थान से मेरे घर तक दिशा-निर्देश प्राप्त करने के लिए नीचे दिए गए बॉक्स में एक अमेरिकी पता टाइप करें:

शांत हुह? आप इस छोटे से फॉर्म को किसी भी वेबसाइट, ब्लॉग, या कहीं भी किसी भी HTML कोड में डाल सकते हैं! यह छोटी व्यावसायिक वेब साइटों के लिए भी बहुत अच्छा है क्योंकि आप इसे अपने संपर्क पृष्ठ पर फेंक सकते हैं और लोगों को आपके पते की प्रतिलिपि बनाने, नई विंडो खोलने, और फिर उनके शुरुआती पते में टाइप करने के बजाय जल्दी से निर्देश प्राप्त कर सकते हैं।.

तो हम इस संशोधित दिशा-निर्देश बॉक्स को बनाने के बारे में कैसे जाने? अच्छी तरह से पहले, हमें उन URL के लिए सही सिंटैक्स प्राप्त करना होगा जो Google निर्देशों के लिए उपयोग करता है। सौभाग्य से, हम यह पता लगा सकते हैं कि दो स्थानों के बीच निर्देश प्राप्त करके और फिर पता बार से URL की प्रतिलिपि बना रहे हैं। आप पृष्ठ के बिल्कुल नीचे छोटे गियर आइकन पर भी क्लिक कर सकते हैं और चुन सकते हैं शेयर या एम्बेड नक्शा.

शेयर लिंक टैब में URL होगा, जो आपके ब्राउज़र एड्रेस बार में एक ही URL है। मैं आगे गया हूं और नीचे दिए गए संपूर्ण URL को आपको यह दिखाने के लिए चिपकाया है कि यह कैसा दिखता है.

https://www.google.com/maps/dir/3600+Thorp+Springs+Dr,+Plano,+TX+75025,+USA/ 854 + डियरफील्ड + Rd, + एलन, + TX + 75013, + USA / @ 33.1125686, -96.7557749,13z / डाटा =! 3m1! 4b1! 4m13! 4m12! 1m5! 1m1! 1s0x864c3d4501917a5: 0xbabd3c91a1321997! 2m-1-96- 96-6-6-6-6-7-6-6-7 1s0x864c16d3018a7f4f:! 0xab2052b5786cd29f 2m2 1d-९६.६,६६,१५१ 2d33.133892

ओह! यह बहुत लंबा है! वहाँ सामान की एक बहुत कुछ है, जिनमें से ज्यादातर कोई मतलब नहीं है! Google मैप्स URL पैरामीटर बहुत ही सरल और आसान हुआ करते थे, लेकिन नए URL संरचना काफी जटिल है। शुक्र है, आप अभी भी पुराने मापदंडों का उपयोग कर सकते हैं और Google उन्हें नए संस्करण में स्वचालित रूप से परिवर्तित कर देगा। यह देखने के लिए कि मेरा क्या मतलब है, नीचे दिए गए लिंक को देखें.

http://maps.google.com/maps?saddr=start&daddr=end

आगे बढ़ो और इसे एक शॉट दो। आरंभ और समाप्ति पते के लिए उद्धरणों में एक पते में डालें और अपने ब्राउज़र में URL पेस्ट करें! मैंने अपने होम सिटी न्यू ऑरलियन्स से शुरुआत की और ह्यूस्टन, TX के साथ अंत किया, इसलिए यह वही है जो मेरे Google मैप्स के दिशा-निर्देशों URL जैसा दिखता है:

http://maps.google.com/maps?saddr=ठाnew orleans, la ”& daddr =” houston, tx ”

यह काम करता हैं! जैसा कि आप देख सकते हैं, हालाँकि, मैप पूरी तरह से लोड होने के बाद Google मैप्स लिंक को कुछ अधिक जटिल में बदल देता है। ठीक है, इसलिए अब हमारे पास एक ऐसा URL है, जिसे हम Google मानचित्र में पास कर सकते हैं, हमें दो फ़ील्ड के साथ एक सरल फ़ॉर्म बनाने की जरूरत है, एक शुरुआती पते के लिए और एक गंतव्य पते के लिए.

यदि आप चाहते हैं कि लोग अपने पते में टाइप करें और अपनी जगह पर दिशा-निर्देश प्राप्त करें, तो हम चाहते हैं कि दूसरा क्षेत्र छिपा हो और पहले से गंतव्य पते पर सेट हो.

अपना आरंभिक पता दर्ज करें:

ऊपर दिए गए कोड को देखें। पहली पंक्ति फ़ॉर्म से शुरू होती है और कहती है कि जब सबमिट बटन पर क्लिक किया जाता है, तो डेटा को maps.google.com/maps पर भेजा जाना चाहिए। लक्ष्य = खाली इसका मतलब है कि हम चाहते हैं कि परिणाम एक नई विंडो में खुले। फिर हमारे पास शुरुआती पते के लिए एक पाठ बॉक्स है, जो रिक्त है.

दूसरा टेक्स्ट बॉक्स छिपा हुआ है और मूल्य वह गंतव्य पता है जो हम चाहते हैं। अंत में, "निर्देश प्राप्त करें" शीर्षक के साथ एक सबमिट बटन है। अब जब कोई अपने पते में टाइप करेगा, तो उन्हें यह मिलेगा:

आप कुछ अतिरिक्त मापदंडों के साथ दिशाओं और नक्शे को और भी अधिक अनुकूलित कर सकते हैं। उदाहरण के लिए, मान लें कि आप डिफ़ॉल्ट दृश्य को मानचित्र नहीं बनाना चाहते हैं, लेकिन इसके बजाय यह होना चाहते हैं उपग्रह और दिखाओ यातायात.

http://maps.google.com/maps?saddr=%22new+orleans,+la%22&daddr=%22houston,+tx%22&ie=UTF8&t=h&z=7&layer=t

ध्यान दें परत = टी तथा टी = ज URL में फ़ील्ड्स। लेयर = t ट्रैफिक लेयर के लिए है और t = h का मतलब है हाइब्रिड मैप! टी को भी सेट किया जा सकता है मीटर सामान्य नक्शे के लिए, कश्मीर उपग्रह के लिए और पी इलाके के लिए. z ज़ूम स्तर है और आप इसे 1 से 20 तक बदल सकते हैं। उपरोक्त URL में, यह 7 पर सेट है। बस अपने अंतिम URL पर उन लोगों से निपटें और अब आपको अपनी साइट पर एक उच्च अनुकूलित Google मानचित्र दिशा निर्देश फ़ॉर्म मिल गए हैं।!

इसके साथ कोई समस्या है, एक टिप्पणी पोस्ट करें और मैं मदद करने की कोशिश करूंगा! का आनंद लें!