अपने वेबपृष्ठ की पृष्ठभूमि के रूप में Google मानचित्र का प्रयोग करें

01 जुलाई 2018   |  सागर गुप्ता   (60 बार पढ़ा जा चुका है)



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

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

एचटीएमएल - दो डीआईवी तत्व हैं - नक्शा आईडी #googlemaps के साथ तत्व के अंदर प्रस्तुत करेगा जबकि आपके द्वारा #contactform के अंदर जो कुछ भी जोड़ा जाएगा, वह आपके फॉर्म में दिखाई देगा। आप यहां एक Google फॉर्म भी एम्बेड कर सकते हैं।

सीएसएस - #googlemaps तत्व पृष्ठ की पूरी ऊंचाई और चौड़ाई पर कब्जा करता है जबकि #contactform की निश्चित चौड़ाई होती है। आप अपने फॉर्म को थोड़ा पारदर्शी बनाने के लिए #contactform के अस्पष्टता स्तर को भी बदल सकते हैं।

जावास्क्रिप्ट - अपनी जगह के अक्षांश और देशांतर को ढूंढें और सह-समन्वय को लाइन # 7 में बदलें। फिर आप संशोधित जावास्क्रिप्ट कोड को अपने एचटीएमएल पेज के पाद लेख में कॉपी-पेस्ट कर सकते हैं।

आप एक पूर्ण उदाहरण के लिए इस संपर्क फ़ॉर्म के HTML स्रोत का उल्लेख कर सकते हैं।

अगला लेख: भारत में सामान आयात करने के लिए आपको कितना सीमा शुल्क देना होगा



शब्दनगरी पर हो रही अन्य चर्चायें
18 जून 2018
ड्रॉपबॉक्स और स्काईडाइव आपको 'साझा फ़ोल्डर' रखने की अनुमति देता है जहां समूह के सभी सदस्यों के बीच एक फ़ोल्डर साझा किया जाता है। कोई भी सदस्य साझा वेब फ़ोल्डर में फ़ाइलों का योगदान कर सकता है और ऐसी चीज सहयोगी प्रयासों के लिए आदर्श है जैसे किसी ईवेंट के बाद मेहमानों के साथ फोटो साझा करना। लोग अन्य उ
18 जून 2018
16 जून 2018
जी
जीमेल के लिए मेल मर्ज आपको व्यक्तिगत संदेश को एक या अधिक ईमेल प्राप्तकर्ताओं को आसानी से भेज सकता है। आप जीमेल में एक मसौदा ईमेल लिख सकते हैं, Google स्प्रेडशीट में ईमेल प्राप्तकर्ताओं की सूची निर्दिष्ट कर सकते हैं और मेल मर्ज प्रोग्राम इन सभी पतों पर एक ही समय में अनुकूलित ईमेल भेजेगा।मेल मर्ज माइक
16 जून 2018
16 जून 2018
Gmail आपके मेलबॉक्स में दफन किए गए उस छिपे हुए ईमेल संदेश को तुरंत ढूंढने में आपकी सहायता के लिए खोज ऑपरेटर की एक बड़ी संख्या का समर्थन करता है। आपके पास आकार की खोज है - जैसे big_than: 5mb - अपने खाते में बड़े संदेश ढूंढने के लिए। फ़ाइल खोज - जैसे है: अनुलग्नक फ़ाइल नाम: दस्तावेज़ - उन ईमेल संदेशों
16 जून 2018
16 जून 2018
जी
जीमेल मेल मर्ज एक साधारण Google शीट का उपयोग करके एक या अधिक ईमेल पतों पर वैयक्तिकृत ईमेल भेजने के लिए एक आदर्श उपकरण है। यदि आपने पहले कभी विलय नहीं किया है, तो कृपया प्रारंभ करने के लिए मेल मर्ज ट्यूटोरियल और दस्तावेज़ देखें।मेल मर्ज की सबसे लोकप्रिय विशेषताओं में से एक अलग-अलग ईमेल पते पर अलग-अलग
16 जून 2018
27 जून 2018
सीखने के लिए कोड आंदोलन ने दुनिया भर में गति को उठाया है और यह वास्तव में एक अच्छी बात है क्योंकि बुनियादी प्रोग्रामिंग कौशल का भी बड़ा प्रभाव हो सकता है। यदि आप स्वयं को कोड लिखना सिखा सकते हैं, तो आप अपने साथियों पर एक प्रतिस्पर्धी बढ़त हासिल कर सकते हैं, आप अधिक एल्गोरिदमिक रूप से सोच सकते हैं और
27 जून 2018
04 जुलाई 2018
इंटरनेट पर लोगों तक पहुंचने के लिए ईमेल हमेशा पसंदीदा मोड रहा है। वेबसाइटें वेब पेजों पर अपने ईमेल पते डालती हैं और उन्हें मेलटो प्रोटोकॉल का उपयोग करके क्लिक करने योग्य हाइपरलिंक्स बना देती हैं। चीजें बदल गई हैं और ईमेल को अभी भी महत्वपूर्ण माना जाता है, लेकिन नई पीढ़ी को ईमेल पर फेसबुक मैसेंजर जैस
04 जुलाई 2018
16 जून 2018
जी
जीमेल के लिए मेल मर्ज आपको व्यक्तिगत संदेश को एक या अधिक ईमेल प्राप्तकर्ताओं को आसानी से भेज सकता है। आप जीमेल में एक मसौदा ईमेल लिख सकते हैं, Google स्प्रेडशीट में ईमेल प्राप्तकर्ताओं की सूची निर्दिष्ट कर सकते हैं और मेल मर्ज प्रोग्राम इन सभी पतों पर एक ही समय में अनुकूलित ईमेल भेजेगा।मेल मर्ज माइक
16 जून 2018
26 जून 2018
सा
आपकी Google ड्राइव में फ़ाइलें या तो निजी हैं (केवल आपके लिए दृश्यमान हैं) या वे विशिष्ट लोगों द्वारा देखी जा सकती हैं जिनके साथ आपने फ़ाइल को स्पष्ट रूप से साझा करने के लिए चुना है। फ़ोल्डर के मामले में, किसी साझा फ़ोल्डर के अंदर निहित कोई भी फ़ाइल उन सभी उपयोगकर्ताओं द्वारा देखी जा सकती है जिनके प
26 जून 2018
18 जून 2018
जीमेल में कुछ ईमेल भेजने की सीमा है और आपको केवल प्रति दिन सीमित संख्या में ईमेल संदेश भेजने की अनुमति है। यदि आप दैनिक कोटा से अधिक हो जाते हैं, तो Google बिना किसी चेतावनी के आपके अस्थायी रूप से आपके जीमेल खाते को अक्षम कर सकता है और आपको अपने जीमेल मेलबॉक्स तक पहुंच प्राप्त करने से पहले 24 घंटे त
18 जून 2018
21 जून 2018
आपके पास शायद आपके फोन पर कुछ दर्जन एंड्रॉइड ऐप्स इंस्टॉल हैं लेकिन नियमित आधार पर आपके द्वारा उपयोग किए जा रहे ऐप्स की संख्या छोटी हो सकती है। हाल ही में नील्सन की रिपोर्ट में कहा गया है कि फोन मालिकों द्वारा उपयोग किए जाने वाले ऐप्स की औसत संख्या लगभग 26 प्रति माह है। एक अन्य कॉमस्कोर रिपोर्ट से प
21 जून 2018
25 जून 2018
आपकी दादी घी के स्वास्थ्य लाभों के बारे में गलत नहीं थीं और इस पोस्ट में, हम आपको घी के स्वास्थ्य लाभ दिखाते हैं, जिसे उन्होंने हमेशा प्रचार किया था।जीएचईई ने प्रशंसा प्राप्त करनी शुरू कर दी है जो लंबे समय से देय थी। स्वास्थ्य वसा के वर्जित खाद्य पदार्थों की सूची से 'वसा' हटा दिया गया है और घी को पश
25 जून 2018
16 जून 2018
जी
जीमेल मेल मर्ज एक साधारण Google शीट का उपयोग करके एक या अधिक ईमेल पतों पर वैयक्तिकृत ईमेल भेजने के लिए एक आदर्श उपकरण है। यदि आपने पहले कभी विलय नहीं किया है, तो कृपया प्रारंभ करने के लिए मेल मर्ज ट्यूटोरियल और दस्तावेज़ देखें।मेल मर्ज की सबसे लोकप्रिय विशेषताओं में से एक अलग-अलग ईमेल पते पर अलग-अलग
16 जून 2018
04 जुलाई 2018
कै
यह ट्यूटोरियल बताता है कि आप आसानी से ट्विटर बॉट कैसे बना सकते हैं जो विशेष रूप से पसंदीदा और / या ट्वीट्स को रीटिवेट करेगा जिसमें विशेष कीवर्ड या # हैशटैग शामिल हैं। आपको किसी प्रोग्रामिंग को नहीं जानना चाहिए और आपका ट्विटर बॉट कुछ मिनटों में चल रहा है और चल रहा है।आप सोच रहे होंगे कि कोई भी ट्विटर
04 जुलाई 2018
25 जून 2018
सीआईबीआईएल ने 'सिबिल मार्केटप्लेस' नामक एक नई सुविधा पेश की है, जो एक पोर्टल की तरह कार्य करेगी जहां एक व्यक्ति अपने सिबिल स्कोर के आधार पर अनुकूलित ऋण और क्रेडिट कार्ड ऑफ़र प्राप्त कर सकता है। अभी, क्या होता है - जब कोई व्यक्ति किसी प्रकार के ऋण या क्रेडिट कार्ड के लिए आवेदन करता है, तो उधार संस्था
25 जून 2018
23 जून 2018
Google, माइक्रोसॉफ्ट, आईबीएम और अमेज़ॅन ने डेवलपर्स के लिए अपने स्वयं के अनुप्रयोगों में मानव संज्ञानात्मक क्षमताओं (जिसे कृत्रिम बुद्धि के रूप में भी जाना जाता है) जोड़ना आसान बना दिया है। आपको कंप्यूटर प्रोग्राम बनाने के लिए मशीन लर्निंग विशेषज्ञ नहीं होना चाहिए जो फोटोग्राफ में ऑब्जेक्ट्स को पहचा
23 जून 2018
28 जून 2018
भा
मोबाइल फोन, इलेक्ट्रॉनिक्स और अन्य वस्तुओं को भारत में आयात करने के लिए आपको करों का भुगतान करना होगा, जिसे सीमा शुल्क के रूप में भी जाना जाता है। ये आयात कर प्रवेश के बंदरगाह (हवाई अड्डे की तरह) पर देय होते हैं, कूरियर कंपनियां अक्सर आपकी ओर से भुगतान करती हैं और इन अतिरिक्त कर्तव्यों और करों की पू
28 जून 2018
18 जून 2018
जीमेल में कुछ ईमेल भेजने की सीमा है और आपको केवल प्रति दिन सीमित संख्या में ईमेल संदेश भेजने की अनुमति है। यदि आप दैनिक कोटा से अधिक हो जाते हैं, तो Google बिना किसी चेतावनी के आपके अस्थायी रूप से आपके जीमेल खाते को अक्षम कर सकता है और आपको अपने जीमेल मेलबॉक्स तक पहुंच प्राप्त करने से पहले 24 घंटे त
18 जून 2018
04 जुलाई 2018
जब महिलाएं ऑपरेटिंग रूम में पुरुषों से अधिक होती हैं तो सर्जिकल टीम अधिक सहकारी होती हैं।केटी लैंगिनजुल द्वारा। 2, 2018, 3:00 अपराह्न2015 में, जॉर्जिया के एक शिक्षण अस्पताल में एक सर्जन ने अपनी शल्य चिकित्सा टीम से चिल्लाया- 'क्या मैं स्पष्ट रूप से बात नहीं कर रहा हूं ?! मुझे चिल्लाना शुरू करना होगा
04 जुलाई 2018
22 जून 2018
Google फॉर्म ने कोई सीमा नहीं लगाई है। Google फॉर्म के अंदर बनाए गए किसी भी सर्वेक्षण या सर्वेक्षण की कोई समाप्ति तिथि नहीं है और जब तक फॉर्म स्वामी मैन्युअल रूप से फॉर्म को बंद करने का निर्णय नहीं लेता है तब तक यह प्रतिक्रियाओं की असीमित संख्या एकत्र कर सकता है।हालांकि कुछ Google फॉर्म के लिए, सीमा
22 जून 2018
16 जून 2018
Gmail आपके मेलबॉक्स में दफन किए गए उस छिपे हुए ईमेल संदेश को तुरंत ढूंढने में आपकी सहायता के लिए खोज ऑपरेटर की एक बड़ी संख्या का समर्थन करता है। आपके पास आकार की खोज है - जैसे big_than: 5mb - अपने खाते में बड़े संदेश ढूंढने के लिए। फ़ाइल खोज - जैसे है: अनुलग्नक फ़ाइल नाम: दस्तावेज़ - उन ईमेल संदेशों
16 जून 2018
18 जून 2018
जीमेल में कुछ ईमेल भेजने की सीमा है और आपको केवल प्रति दिन सीमित संख्या में ईमेल संदेश भेजने की अनुमति है। यदि आप दैनिक कोटा से अधिक हो जाते हैं, तो Google बिना किसी चेतावनी के आपके अस्थायी रूप से आपके जीमेल खाते को अक्षम कर सकता है और आपको अपने जीमेल मेलबॉक्स तक पहुंच प्राप्त करने से पहले 24 घंटे त
18 जून 2018
20 जून 2018
वे
वेब पृष्ठों में टैब्यूलर डेटा एम्बेड करना आसान है। आप या तो मानक का उपयोग कर सकते हैं एचटीएमएल टैग या आप स्प्रेडशीट में टैब्यूलर डेटा इनपुट कर सकते हैं - जैसे एक्सेल ऑनलाइन या Google स्प्रेडशीट्स - और अपने वेब पृष्ठों में शीट एम्बेड करें।एचटीएमएल टेबल आसान हैं जबकि स्प्रेडशीट आधारित टेबल बेहतर स्वर
20 जून 2018
16 जून 2018
जी
जीमेल मेल मर्ज एक साधारण Google शीट का उपयोग करके एक या अधिक ईमेल पतों पर वैयक्तिकृत ईमेल भेजने के लिए एक आदर्श उपकरण है। यदि आपने पहले कभी विलय नहीं किया है, तो कृपया प्रारंभ करने के लिए मेल मर्ज ट्यूटोरियल और दस्तावेज़ देखें।मेल मर्ज की सबसे लोकप्रिय विशेषताओं में से एक अलग-अलग ईमेल पते पर अलग-अलग
16 जून 2018
सम्बंधित
लोकप्रिय
आज के प्रमुख लेख
आसान हिन्दी  [?]
तीव्र हिंदी  [?]
ऑनस्क्रीन कीबोर्ड  [?]
हिन्दी टाइपिंग  [?]
डिफ़ॉल्ट कीबोर्ड  [?]

(फोन के लिए विकल्प)
X
1 2 3 र्4 ज्ञ5 त्र6 क्ष7 श्र8 (9 )0 --   =
q w e r t y u i o p [   ]
a s d िfि g h  j k l ; '  \
  z x c  v  b n m ,, .. ?/ एंटर
शिफ्ट                                                         शिफ्ट बैकस्पेस
x