ఎంబెడెడ్ మ్యాప్లను ప్రతిస్పందించే ప్రక్రియను ఈ వ్రాత-అప్ ప్రదర్శిస్తుంది.
ఎంబెడెడ్ మ్యాప్లను రెస్పాన్సివ్గా చేయడం ఎలా?
వినియోగదారులు కొన్ని CSS లక్షణాలను ఉపయోగించడం ద్వారా HTMLలో మ్యాప్ను ప్రతిస్పందనాత్మకంగా పొందుపరచవచ్చు. అయితే, ముందుగా పొందుపరిచిన లింక్ను పొందడం అవసరం. ఆ ప్రయోజనం కోసం, మొదట, దశ 1 ఆపై మ్యాప్ను క్రింది HTMLలో పొందుపరచండి:
దశ 1: మ్యాప్ యొక్క పొందుపరిచిన లింక్ని పొందండి
పొందుపరిచిన మ్యాప్ల లింక్ని పొందడానికి, ముందుగా, “కి నావిగేట్ చేయండి గూగుల్ పటాలు ”:
'పై క్లిక్ చేయండి మ్యాప్ను భాగస్వామ్యం చేయండి లేదా పొందుపరచండి ' ఎంపిక:
ఇప్పుడు, 'పై క్లిక్ చేయండి మ్యాప్ను పొందుపరచండి పొందుపరిచిన లింక్ని పొందడానికి ” బటన్:
ఆ తర్వాత, 'పై క్లిక్ చేయండి HTMLని కాపీ చేయండి ”కోడ్ను కాపీ చేయడానికి కోడ్:
దశ 2: HTMLలో మ్యాప్ను పొందుపరచండి
HTMLలో మ్యాప్ను పొందుపరచడానికి, ముందుగా, HTML నిర్మాణాన్ని సృష్టించండి. HTMLలో, కాపీ చేసిన ఎంబెడ్ లింక్ను లోపల అతికించండి <బాడీ> a లోపల విభాగం అవుట్పుట్ మ్యాప్ పొందుపరచబడిందని ఇప్పుడు దిగువ అవుట్పుట్ నుండి గమనించవచ్చు మరియు ఇది కూడా ప్రతిస్పందిస్తుంది: పొందుపరిచిన మ్యాప్లను ప్రతిస్పందించేలా చేయడానికి, ముందుగా, ఎంబెడెడ్ మ్యాప్ కోడ్ను కలిగి ఉన్న
< h1 > Google మ్యాప్స్లో స్థానం < / h1 >
< div తరగతి = 'కంటైనర్ మ్యాప్' >
< iframe
వెడల్పు = '100%'
ఎత్తు = '500'
శైలి = 'సరిహద్దు:0'
src = '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!22s!27171!3m2!4v1695
>< / iframe >
< / div >
< / శరీరం >
ముగింపు