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


भले ही आप बिंदु ए से बिंदु बी तक पहुंचने के लिए वहां कई मैपिंग ऐप्स और सेवाएं हैं, नक्शे के निश्चित राजा Google मानचित्र हैं। मैं इसे अपने कंप्यूटर, टैबलेट और अपने स्मार्टफ़ोन पर 90% समय पर उपयोग करता हूं। इसे सबसे अच्छा डेटा, सबसे नेविगेशन और रूटिंग विकल्प और स्ट्रीट व्यू और पैदल चलने, बाइकिंग और जन पारगमन जानकारी जैसी शानदार सुविधाएं मिल गई हैं।

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

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

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

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

share or embed map

साझा करें या एम्बेड करें मानचित्रपर क्लिक करें और फिर एम्बेड करें मानचित्रटैब पर क्लिक करें। यहां आप अपने मानचित्र के लिए एक आकार चुन सकते हैं और उसके बाद आईफ्रेम कोड कॉपी कर सकते हैं और उसे अपने इच्छित किसी भी वेबपृष्ठ पर छोड़ सकते हैं।

embed map

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

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

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

अपना प्रारंभिक पता दर्ज करें: <इनपुट नाम =" saddr "type =" text "><इनपुट नाम =" daddr "प्रकार =" छुपा "मान =" 854 डीरफील्ड आरडी, एलन, TX "><इनपुट प्रकार =" सबमिट करें "मूल्य =" दिशानिर्देश प्राप्त करें ">

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

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

share or embed map

चुनें

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

<रों>3

https://www.google.com/maps/dir/3600+Thorp+Springs+Dr,+Plano,+TX+75025 !, + अमरीका / 854 + Deerfield + रोड, + एलन, + TX + 75013 + अमरीका / @ ३३.११,२५,६८६, -96.7557749,13z / डेटा = 3m1 4b1 4m13 4m12 1m5 1m1 1s0x864c3d45018517a5:!!!! 0xbabd3c91a1321997 2m2! 1 दिन-९६.७,६२,४८४! 2d33.08947! 1m5! 1m1! 1s0x864c16d3018a7f4f: 0xab2052b5786cd29f 2m2 1d-९६.६,६६,१५१ 2d33.133892

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

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

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

http://maps.google.com/maps?saddr="new ऑरलियन्स, ला "& amp; daddr =" हॉस्टन, टीएक्स "

यह काम करता है! जैसा कि आप देख सकते हैं, हालांकि, नक्शा पूरी तरह से लोड होने के बाद, Google मानचित्र लिंक को कुछ और जटिल में बदल देता है। ठीक है, तो अब है कि हम एक समझदार यूआरएल है कि हम गूगल मैप्स में पारित कर सकते हैं, हम शुरू करने पते के लिए एक और गंतव्य पते के लिए एक दो क्षेत्रों, के साथ एक सरल रूप बनाने की जरूरत है।

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

& lt; form action = " http://maps.google.com/maps "method =" get "target =" _ blank "& gt;
अपना प्रारंभिक पता दर्ज करें:
& lt; इनपुट प्रकार =" टेक्स्ट "नाम =" saddr "/ & gt ;
& LT; इनपुट प्रकार = "छिपा" नाम = "daddr" मान = "854 Deerfield रोड, एलन, टेक्सास" / & gt;
& LT; इनपुट प्रकार = "सबमिट करें" value = "दिशा-निर्देश प्राप्त" / & gt ;
& lt; / form & gt;

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

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

maps directions

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

<एस>6

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

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

कैसे अपनी वेबसाइट पर दिशा-निर्देश के साथ एक गूगल मानचित्र जोड़ें

संबंधित पोस्ट:


31.12.2014