यह आलेख एम्बेडेड मानचित्रों को उत्तरदायी बनाने की प्रक्रिया को प्रदर्शित करेगा।
एंबेडेड मानचित्रों को उत्तरदायी कैसे बनाएं?
उपयोगकर्ता कुछ सीएसएस गुणों का उपयोग करके मानचित्र को HTML में प्रतिक्रियापूर्वक एम्बेड कर सकते हैं। हालाँकि, पहले एम्बेडेड लिंक प्राप्त करना आवश्यक है। उस उद्देश्य के लिए, पहले चरण 1 और उसके बाद मानचित्र को HTML में एम्बेड करें:
चरण 1: मानचित्र का एंबेड लिंक प्राप्त करें
एम्बेडेड मानचित्र लिंक प्राप्त करने के लिए, सबसे पहले, “पर जाएँ” गूगल मानचित्र ”:
पर क्लिक करें ' मानचित्र साझा करें या एम्बेड करें ' विकल्प:
अब, “पर क्लिक करें एक मानचित्र एम्बेड करें एम्बेड लिंक प्राप्त करने के लिए 'बटन:
उसके बाद, “पर क्लिक करें” HTML कॉपी करें 'कोड कॉपी करने के लिए कोड:
चरण 2: मानचित्र को HTML में एम्बेड करें
HTML में मानचित्र एम्बेड करने के लिए, सबसे पहले, एक HTML संरचना बनाएं। HTML में, कॉपी किए गए एंबेड लिंक को अंदर पेस्ट करें <शरीर> ए के भीतर अनुभाग उत्पादन अब यह नीचे दिए गए आउटपुट से देखा जा सकता है कि मानचित्र एम्बेड किया गया है, और यह उत्तरदायी भी है: एम्बेडेड मानचित्रों को प्रतिक्रियाशील बनाने के लिए, सबसे पहले,
< एच 1 > Google मानचित्र पर स्थान < / एच 1 >
< डिव कक्षा = 'कंटेनर-मानचित्र' >
< iframe
चौड़ाई = '100%'
ऊंचाई = '500'
शैली = 'सीमा:0'
स्रोत = 'https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d328204.9017193669!2d-74.30933777495511!3d40.69753995297432!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.
'1!3m3!1m2!1s0x89c24fa5d33f083b%3A0xc80b8f06e177fe62!2sNew%20York%2C%20NY%2C%20USA!5e1!3m2!1sen!2s!4v1695734740712!5m2!1sen!2s'
< / iframe >
< / डिव >
< / शरीर >
निष्कर्ष