Computer >> कंप्यूटर ट्यूटोरियल >  >> सॉफ्टवेयर >> Google ऐप्स

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

https://www.google.com/maps/dir/3600+Thorp+Springs+Dr,+Plano,+TX+75025,+USA/ 854+Deerfield+Rd, +एलन,+TX+75013,+USA/@33.125686,-96.7557749,13z/ डेटा=!3m1!4b1!4m13!4m12!1m5!1m1!1s0x864c3d45018517a5:0xbabd3c91a1321997!2m2!1d-96.762484! 1m1! 1s0x864c16d3018a7f4f:0xab2052b5786cd29f!2m2!1d-96.66651!2d33.133892

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

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

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

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

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

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


अपना शुरुआती पता दर्ज करें:

इनपुट प्रकार ="छिपा हुआ" नाम ="daddr" मान ="854 डियरफील्ड रोड, एलन, TX" />
इनपुट प्रकार ="सबमिट" मूल्य ="दिशा-निर्देश प्राप्त करें" />

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

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

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

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

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

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

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


  1. Google मानचित्र पर कस्टम दिशा निर्देश कैसे बनाएं Google मानचित्र पर कस्टम दिशा निर्देश कैसे बनाएं

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

  1. Google मैप्स के हिडन ड्राइविंग मोड को कैसे अनलॉक करें? Google मैप्स के हिडन ड्राइविंग मोड को कैसे अनलॉक करें?

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

  1. अपने व्यवसाय को Google मानचित्र और Google मेरा व्यवसाय पर कैसे सूचीबद्ध करें अपने व्यवसाय को Google मानचित्र और Google मेरा व्यवसाय पर कैसे सूचीबद्ध करें

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