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

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



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

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

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

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

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

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

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



शब्दनगरी पर हो रही अन्य चर्चायें
25 जून 2018
इं
यदि आपको इंटरनेट पर किसी के साथ बड़ी फ़ाइल साझा करना है, तो आम तौर पर दो विकल्प होते हैं - आप या तो फ़ाइल को एक ईमेल संदेश में संलग्नक के रूप में डाल सकते हैं या यदि फ़ाइल ईमेल के अंदर फिट होने के लिए बहुत बड़ी है, तो आप इसे अपलोड कर सकते हैं एक फ़ाइल होस्टिंग सेवा के लिए और फिर प्राप्तकर्ता के साथ
25 जून 2018
16 जून 2018
जी
जीमेल के लिए मेल मर्ज आपको व्यक्तिगत संदेश को एक या अधिक ईमेल प्राप्तकर्ताओं को आसानी से भेज सकता है। आप जीमेल में एक मसौदा ईमेल लिख सकते हैं, Google स्प्रेडशीट में ईमेल प्राप्तकर्ताओं की सूची निर्दिष्ट कर सकते हैं और मेल मर्ज प्रोग्राम इन सभी पतों पर एक ही समय में अनुकूलित ईमेल भेजेगा।मेल मर्ज माइक
16 जून 2018
24 जून 2018
पाइन आइलैंड ग्लेशियर, पश्चिम अंटार्कटिका में सबसे कमजोर में से एक, समुद्री जल से नीचे पिघल रहा है।केटी लैंगिनजुन द्वारा। 21, 2018, 2:00 अपराह्नपिछले हफ्ते अंटार्कटिका से खबर ख़राब हो रही थी। प्रकृति में प्रकाशित एक सर्वसम्मति अनुमान के मुताबिक महाद्वीप ने पिछले 25 वर्षों में 3 ट्रिलियन टन बर्फ खो दि
24 जून 2018
18 जून 2018
जीमेल में कुछ ईमेल भेजने की सीमा है और आपको केवल प्रति दिन सीमित संख्या में ईमेल संदेश भेजने की अनुमति है। यदि आप दैनिक कोटा से अधिक हो जाते हैं, तो Google बिना किसी चेतावनी के आपके अस्थायी रूप से आपके जीमेल खाते को अक्षम कर सकता है और आपको अपने जीमेल मेलबॉक्स तक पहुंच प्राप्त करने से पहले 24 घंटे त
18 जून 2018
18 जून 2018
ड्रॉपबॉक्स और स्काईडाइव आपको 'साझा फ़ोल्डर' रखने की अनुमति देता है जहां समूह के सभी सदस्यों के बीच एक फ़ोल्डर साझा किया जाता है। कोई भी सदस्य साझा वेब फ़ोल्डर में फ़ाइलों का योगदान कर सकता है और ऐसी चीज सहयोगी प्रयासों के लिए आदर्श है जैसे किसी ईवेंट के बाद मेहमानों के साथ फोटो साझा करना। लोग अन्य उ
18 जून 2018
25 जून 2018
आपकी दादी घी के स्वास्थ्य लाभों के बारे में गलत नहीं थीं और इस पोस्ट में, हम आपको घी के स्वास्थ्य लाभ दिखाते हैं, जिसे उन्होंने हमेशा प्रचार किया था।जीएचईई ने प्रशंसा प्राप्त करनी शुरू कर दी है जो लंबे समय से देय थी। स्वास्थ्य वसा के वर्जित खाद्य पदार्थों की सूची से 'वसा' हटा दिया गया है और घी को पश
25 जून 2018
18 जून 2018
ड्रॉपबॉक्स और स्काईडाइव आपको 'साझा फ़ोल्डर' रखने की अनुमति देता है जहां समूह के सभी सदस्यों के बीच एक फ़ोल्डर साझा किया जाता है। कोई भी सदस्य साझा वेब फ़ोल्डर में फ़ाइलों का योगदान कर सकता है और ऐसी चीज सहयोगी प्रयासों के लिए आदर्श है जैसे किसी ईवेंट के बाद मेहमानों के साथ फोटो साझा करना। लोग अन्य उ
18 जून 2018
18 जून 2018
जीमेल में कुछ ईमेल भेजने की सीमा है और आपको केवल प्रति दिन सीमित संख्या में ईमेल संदेश भेजने की अनुमति है। यदि आप दैनिक कोटा से अधिक हो जाते हैं, तो Google बिना किसी चेतावनी के आपके अस्थायी रूप से आपके जीमेल खाते को अक्षम कर सकता है और आपको अपने जीमेल मेलबॉक्स तक पहुंच प्राप्त करने से पहले 24 घंटे त
18 जून 2018
04 जुलाई 2018
अधिकांश एंड्रॉइड फोनों में प्लेबैक वॉल्यूम को नियंत्रित करने के लिए भौतिक बटन होते हैं और, चाहे आप पॉडकास्ट सुन रहे हों या यूट्यूब वीडियो देख रहे हों, ये चाबियाँ कभी-कभी ऐप की मात्रा को नियंत्रित करने का एकमात्र तरीका होती हैं। हार्डवेयर बटन का उपयोग करना आसान है लेकिन वे आईफोन पर कंट्रोल सेंटर के र
04 जुलाई 2018
19 जून 2018
मै
आपके पास एक डेस्कटॉप कंप्यूटर विंडोज चल रहा है और यह मशीन एक यूएसबी केबल के साथ एक प्रिंटर से जुड़ा हुआ है। यह एक साधारण (क्लासिक) प्रिंटर है जो वेब-सक्षम नहीं है, जिसका अर्थ है कि यह सीधे इंटरनेट से कनेक्ट नहीं हो सकता है। आपके पास मैकबुक भी है और आप मैक से अपने विंडोज जुड़े प्रिंटर पर प्रिंट जॉब्स
19 जून 2018
04 जुलाई 2018
इंटरनेट पर लोगों तक पहुंचने के लिए ईमेल हमेशा पसंदीदा मोड रहा है। वेबसाइटें वेब पेजों पर अपने ईमेल पते डालती हैं और उन्हें मेलटो प्रोटोकॉल का उपयोग करके क्लिक करने योग्य हाइपरलिंक्स बना देती हैं। चीजें बदल गई हैं और ईमेल को अभी भी महत्वपूर्ण माना जाता है, लेकिन नई पीढ़ी को ईमेल पर फेसबुक मैसेंजर जैस
04 जुलाई 2018
23 जून 2018
Google, माइक्रोसॉफ्ट, आईबीएम और अमेज़ॅन ने डेवलपर्स के लिए अपने स्वयं के अनुप्रयोगों में मानव संज्ञानात्मक क्षमताओं (जिसे कृत्रिम बुद्धि के रूप में भी जाना जाता है) जोड़ना आसान बना दिया है। आपको कंप्यूटर प्रोग्राम बनाने के लिए मशीन लर्निंग विशेषज्ञ नहीं होना चाहिए जो फोटोग्राफ में ऑब्जेक्ट्स को पहचा
23 जून 2018
20 जून 2018
वे
वेब पृष्ठों में टैब्यूलर डेटा एम्बेड करना आसान है। आप या तो मानक का उपयोग कर सकते हैं एचटीएमएल टैग या आप स्प्रेडशीट में टैब्यूलर डेटा इनपुट कर सकते हैं - जैसे एक्सेल ऑनलाइन या Google स्प्रेडशीट्स - और अपने वेब पृष्ठों में शीट एम्बेड करें।एचटीएमएल टेबल आसान हैं जबकि स्प्रेडशीट आधारित टेबल बेहतर स्वर
20 जून 2018
25 जून 2018
हैदराबाद स्थित शहरी डार्ट फ्रीलांस बिक्री पेशेवरों के साथ कंपनियों को जोड़ता है, और टर्बो-चार्ज बिक्री का वादा करता है और विकास में तेजी लाता है।एक नजर में:स्टार्टअप: शहरी डार्टसाल की स्थापना की गई: 2017संस्थापक: निथिन बालेके आधार पर: हैदराबादसेक्टर: एचआरसमस्या हल करती है: बिक्री टीम प्रबंधनधन: बूटस
25 जून 2018
21 जून 2018
जब आपको अपने Google Voice खाते से जुड़े फ़ोन नंबर पर वॉयस मेल संदेश प्राप्त होता है, तो वॉयस मेल का टेक्स्ट ट्रांसक्रिप्शन आपके जीमेल खाते में आपके फोन या डेस्कटॉप पर ऑडियो संदेश चलाने के लिंक के साथ ईमेल किया जाता है। अब आप अपने वॉयस मेल को अपने Google ड्राइव में एमपी 3 फ़ाइल के रूप में स्वचालित रू
21 जून 2018
25 जून 2018
मुंबई: उपनगरों के कई हिस्सों में रविवार को भारी बारिश देखी गई, मालाद में अधिकतम बारिश (110.8 मिमी), पवाई (78 मिमी) के बाद। भारी बारिश ने दोपहर में उड़ान संचालन और उपनगरीय रेल सेवाओं को प्रभावित किया। आईएमडी सांताक्रुज़ मोटापे से 8.30 बजे से 8.30 बजे के बीच 94.7 मिमी बारिश दर्ज की गई, कोलाबा वेधशाला
25 जून 2018
04 जुलाई 2018
कै
यह ट्यूटोरियल बताता है कि आप आसानी से ट्विटर बॉट कैसे बना सकते हैं जो विशेष रूप से पसंदीदा और / या ट्वीट्स को रीटिवेट करेगा जिसमें विशेष कीवर्ड या # हैशटैग शामिल हैं। आपको किसी प्रोग्रामिंग को नहीं जानना चाहिए और आपका ट्विटर बॉट कुछ मिनटों में चल रहा है और चल रहा है।आप सोच रहे होंगे कि कोई भी ट्विटर
04 जुलाई 2018
18 जून 2018
जीमेल में कुछ ईमेल भेजने की सीमा है और आपको केवल प्रति दिन सीमित संख्या में ईमेल संदेश भेजने की अनुमति है। यदि आप दैनिक कोटा से अधिक हो जाते हैं, तो Google बिना किसी चेतावनी के आपके अस्थायी रूप से आपके जीमेल खाते को अक्षम कर सकता है और आपको अपने जीमेल मेलबॉक्स तक पहुंच प्राप्त करने से पहले 24 घंटे त
18 जून 2018
22 जून 2018
Google फॉर्म ने कोई सीमा नहीं लगाई है। Google फॉर्म के अंदर बनाए गए किसी भी सर्वेक्षण या सर्वेक्षण की कोई समाप्ति तिथि नहीं है और जब तक फॉर्म स्वामी मैन्युअल रूप से फॉर्म को बंद करने का निर्णय नहीं लेता है तब तक यह प्रतिक्रियाओं की असीमित संख्या एकत्र कर सकता है।हालांकि कुछ Google फॉर्म के लिए, सीमा
22 जून 2018
16 जून 2018
जी
जीमेल मेल मर्ज एक साधारण Google शीट का उपयोग करके एक या अधिक ईमेल पतों पर वैयक्तिकृत ईमेल भेजने के लिए एक आदर्श उपकरण है। यदि आपने पहले कभी विलय नहीं किया है, तो कृपया प्रारंभ करने के लिए मेल मर्ज ट्यूटोरियल और दस्तावेज़ देखें।मेल मर्ज की सबसे लोकप्रिय विशेषताओं में से एक अलग-अलग ईमेल पते पर अलग-अलग
16 जून 2018
16 जून 2018
जी
जीमेल के लिए मेल मर्ज आपको व्यक्तिगत संदेश को एक या अधिक ईमेल प्राप्तकर्ताओं को आसानी से भेज सकता है। आप जीमेल में एक मसौदा ईमेल लिख सकते हैं, Google स्प्रेडशीट में ईमेल प्राप्तकर्ताओं की सूची निर्दिष्ट कर सकते हैं और मेल मर्ज प्रोग्राम इन सभी पतों पर एक ही समय में अनुकूलित ईमेल भेजेगा।मेल मर्ज माइक
16 जून 2018
18 जून 2018
ड्रॉपबॉक्स और स्काईडाइव आपको 'साझा फ़ोल्डर' रखने की अनुमति देता है जहां समूह के सभी सदस्यों के बीच एक फ़ोल्डर साझा किया जाता है। कोई भी सदस्य साझा वेब फ़ोल्डर में फ़ाइलों का योगदान कर सकता है और ऐसी चीज सहयोगी प्रयासों के लिए आदर्श है जैसे किसी ईवेंट के बाद मेहमानों के साथ फोटो साझा करना। लोग अन्य उ
18 जून 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