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

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



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

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

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

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

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

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

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



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