विषयसूची:
- आपूर्ति
- चरण 1: अपनी वेबसाइट पर सामग्री प्रदान करें
- चरण 2: अपनी वेबसाइट पर Google मानचित्र एम्बेड करें
- चरण 3: अपनी वेबसाइट को अनुकूलित करें
- गूगल मानचित्र
- चरण 4: अपने अंतिम उत्पाद को देखें
वीडियो: वेबसाइट पर गूगल मैप्स कैसे एम्बेड करें: 4 कदम
2024 लेखक: John Day | [email protected]. अंतिम बार संशोधित: 2024-01-30 09:20
मैप चैलेंज में मेरे लिए वोट करें!
हाल ही में, मैंने एक वेबसाइट बनाई है जो Google मानचित्र का उपयोग करती है। मेरी वेबसाइट पर Google मानचित्र एम्बेड करना काफी आसान था और ऐसा करना कठिन नहीं था। इस निर्देश में, मैं आपको दिखाऊंगा कि Google मानचित्र को अपनी वेबसाइट पर एम्बेड करना कितना आसान है।
आपके साथ ईमानदार होने के लिए, मैंने सिर्फ मनोरंजन के लिए Google मानचित्र को अपनी वेबसाइट पर एम्बेड किया है। क्वारंटाइन में रहने के लिए बहुत कुछ नहीं है, तो क्यों न एक ऐसी वेबसाइट बनाई जाए जो Google मानचित्र का उपयोग करे और फिर लोगों को वह कदम दिखाए जो मैंने इस वेबसाइट को बनाते समय उठाए हैं।
अब मुझे कहना होगा, Google मानचित्र को अपनी वेबसाइट पर एम्बेड करने के लिए आपको HTML और CSS के बारे में एक या दो बातें पता होनी चाहिए। यदि आप HTML या CSS के बारे में कुछ नहीं जानते हैं, तो https://www.w3schools.com/ पर जाकर देखें।
नोट: मैं किसी भी आकार या रूप में W3Schools से संबद्ध नहीं हूं। यह सिर्फ एक वेबसाइट है जिसे मैंने HTML और CSS सीखते समय मददगार पाया है।
आपूर्ति
- टेक्स्ट एडिटर (आपकी वेबसाइट को अनुकूलित करने और आपकी वेबसाइट पर सामग्री प्रदान करने के लिए उपयोग किया जाएगा)।
- Google मानचित्र (आपकी वेबसाइट पर क्या एम्बेड किया जाएगा)।
- HTML और CSS की बुनियादी समझ (ये निम्नलिखित प्रोग्रामिंग भाषाएं हैं जिनका उपयोग आपकी वेबसाइट को अनुकूलित करते समय और आपकी वेबसाइट पर सामग्री प्रदान करते समय किया जाएगा)।
चरण 1: अपनी वेबसाइट पर सामग्री प्रदान करें
अपने कंप्यूटर पर अपने टेक्स्ट एडिटर सॉफ्टवेयर पर जाएं। उदाहरण के लिए, चूंकि मेरे पास विंडोज़ है, इसलिए मुझे नोटपैड पर जाना चाहिए। नोटपैड पर जाने के बाद निम्न में टाइप करें:
गूगल मानचित्र
गूगल मानचित्र
नोटपैड में निम्नलिखित टाइप करने के बाद, Google मानचित्र पर जाएं, जहां बाद में आपको अपनी वेबसाइट पर Google मानचित्र एम्बेड करने के लिए उपयोग करने के लिए कोड प्राप्त होगा।
यहां आपके लिए Google मानचित्र पर जाने का लिंक दिया गया है:
चरण 2: अपनी वेबसाइट पर Google मानचित्र एम्बेड करें
एक बार जब आप Google मानचित्र पर हों, तो "मेनू" बटन पर क्लिक करें और फिर "मानचित्र साझा करें या एम्बेड करें" देखें। एक बार जब आप "नक्शा साझा करें या एम्बेड करें" देखें, तो उस पर क्लिक करें। एक बार जब आप उस पर क्लिक कर लेते हैं, तो आपको "एक लिंक भेजें" और "एक नक्शा एम्बेड करें" देखना चाहिए। अब "एम्बेड ए मैप" पर क्लिक करें, एक बार जब आप "एम्बेड ए मैप" पर क्लिक कर लेते हैं, तो अब आपको एक टेक्स्ट बॉक्स के बाईं ओर एक डाउन एरो देखना चाहिए, जिसका उपयोग यह चुनने के लिए किया जाएगा कि आप मैप को कितना बड़ा या छोटा बनाना चाहते हैं। बॉक्स में टेक्स्ट कॉपी करें। और टेक्स्ट को अपनी वेबसाइट के HTML में पेस्ट करें।
चरण 3: अपनी वेबसाइट को अनुकूलित करें
अपने कंप्यूटर पर अपने टेक्स्ट एडिटर सॉफ्टवेयर पर वापस जाएं और निम्नलिखित टाइप करें:
Google मानचित्र का मुख्य भाग {पृष्ठभूमि-रंग: आरजीबी (129, 207, 224, 1);}
गूगल मानचित्र
आपकी वेबसाइट को अनुकूलित करने के लिए स्टाइल टैग का उपयोग किया जाता है। अब, मैं आपको सलाह दूंगा कि यह चरण CSS का उपयोग करता है। आप निम्नलिखित में टाइप कर सकते हैं ताकि आपकी वेबसाइट बिल्कुल मेरी वेबसाइट की तरह दिखे।
एक बार जब आप कर लें, तो अपनी फ़ाइल को "Google Maps.html" के रूप में सहेजें। html भाग को न भूलें क्योंकि यदि आप इस भाग को शामिल नहीं करते हैं, तो आप एक वेबसाइट नहीं बना सकते हैं।
चरण 4: अपने अंतिम उत्पाद को देखें
एक बार जब आप इस निर्देश के सभी चरणों का पालन कर लेते हैं, तो अपने अंतिम उत्पाद पर एक अच्छी नज़र डालें। यदि आप अपने अंतिम उत्पाद से खुश हैं, तो यह बहुत अच्छा है। लेकिन, यदि आप अपने अंतिम उत्पाद से खुश नहीं हैं, तो अपने नोटपैड में वापस जाएं और अपने अंतिम उत्पाद को ठीक करने का प्रयास करें ताकि अगली बार जब आप अपने अंतिम उत्पाद पर एक अच्छी नज़र डालें, तो आपने जो बनाया है उससे आप खुश होंगे आपके हाथ।
यदि आप मेरा सोर्स कोड देखना चाहते हैं, तो यह इस इंस्ट्रक्शंस के नीचे पाया जा सकता है। मेरे इंस्ट्रक्शंस और हैप्पी कोडिंग देखने के लिए धन्यवाद!
एक अनुस्मारक के रूप में, कृपया मुझे मानचित्र चुनौती में वोट करें!
सिफारिश की:
एक मुफ्त वेबसाइट कैसे प्राप्त करें (टीएलडी, होस्टिंग, एसएसएल): 16 कदम
एक मुफ्त वेबसाइट कैसे प्राप्त करें (टीएलडी, होस्टिंग, एसएसएल): वेबसाइटें एक बड़ी चीज होती जा रही हैं। इससे पहले, Microsoft, Google, et cetera जैसी बड़ी कंपनियों की अपनी वेबसाइटें थीं। हो सकता है कुछ ब्लॉगर्स और छोटी कंपनियों ने भी ऐसा किया हो। लेकिन अब, विशेष रूप से इस COVID-19 महामारी के दौरान (हाँ, मैं इसे 2020 में लिख रहा हूँ)
गूगल मैप्स का उपयोग करके मैप बुक बनाएं: 17 कदम (चित्रों के साथ)
Google मानचित्र का उपयोग करके एक मानचित्र पुस्तक बनाएं: दूसरे दिन मैं ड्यूपेज काउंटी, IL के लिए एक स्ट्रीट गाइड के लिए किताबों की दुकान देख रहा था क्योंकि मेरी प्रेमिका वहां रह रही है और उसे विस्तृत सड़क मानचित्र की आवश्यकता है। दुर्भाग्य से, उनके पास केवल एक ही था जो कुक काउंटी के लिए एक था (जैसे यह ओ
एकीकृत गूगल मैप्स: 4 कदम
एकीकृत गूगल मैप्स: इस परियोजना में हम एक उपकरण को लागू करने जा रहे हैं जो Google मानचित्र से संकेत को एक संवेदी आउटपुट में बदल देता है ताकि हम अपने शरीर पर एक एकीकृत नेविगेशन सिस्टम का उपयोग कर सकें। हम इसे कनेक्ट करके लागू करने जा रहे हैं हमारे अर्दुई
वर्डप्रेस वेबसाइट पर एसएसएल प्रमाणपत्र कैसे स्थापित करें: 5 कदम
वर्डप्रेस वेबसाइट पर एसएसएल प्रमाणपत्र कैसे स्थापित करें: हम वर्डप्रेस वेबसाइट पर एसएसएल प्रमाणपत्र स्थापित करने के लिए गाइड साझा करने जा रहे हैं। लेकिन प्रमाणपत्र स्थापित करने से पहले आपको कोमोडो एसएसएल प्रमाणपत्र जैसे सस्ते एसएसएल प्रमाणपत्र प्रदाता की आवश्यकता है
लगभग किसी भी (हाहा) वेबसाइट से संगीत कैसे प्राप्त करें (जब तक आप इसे सुन सकते हैं आप इसे प्राप्त कर सकते हैं ठीक है अगर यह फ्लैश में एम्बेड किया गया है तो आप शायद नहीं कर पाएंगे) संपादित !!!!! जोड़ी गई जानकारी: 4 कदम
लगभग किसी भी (हाहा) वेबसाइट से संगीत कैसे प्राप्त करें (जब तक आप इसे सुन सकते हैं आप इसे प्राप्त कर सकते हैं … ठीक है अगर यह फ्लैश में एम्बेड किया गया है तो आप शायद नहीं कर पाएंगे) संपादित !!!!! जोड़ी गई जानकारी: यदि आप कभी किसी वेबसाइट पर जाते हैं और यह एक गाना बजाता है जो आपको पसंद है और आप इसे चाहते हैं तो यहां आपके लिए निर्देश है कि अगर आप कुछ गड़बड़ करते हैं तो मेरी गलती नहीं है (ऐसा ही होगा यदि आप बिना किसी कारण के सामान हटाना शुरू कर देते हैं) ) ive संगीत प्राप्त करने में सक्षम है