ఎంబెడెడ్ మ్యాప్‌లను ఎలా రెస్పాన్సివ్‌గా మార్చాలి

Embeded Myap Lanu Ela Respansiv Ga Marcali



కంపెనీ పాయింట్ చిరునామాను ప్రదర్శించడానికి వెబ్‌సైట్‌లో పొందుపరిచిన మ్యాప్‌ని చేర్చవచ్చు. ఈ మ్యాప్‌ను వెబ్‌సైట్‌లో సరిగ్గా పొందుపరిచినట్లయితే, అది గొప్ప అదనంగా ఉంటుంది. అయితే, ఎంబెడెడ్ మ్యాప్‌లను సృష్టించేటప్పుడు అవి తప్పనిసరిగా ప్రతిస్పందించేలా ఉండాలని గుర్తుంచుకోండి. అంతేకాకుండా, ఇది తప్పనిసరిగా అందంగా కనిపించాలి మరియు అన్ని పరికరాలు మరియు స్క్రీన్ పరిమాణాలలో తప్పనిసరిగా సరిపోయేలా కనిపించాలి.

ఎంబెడెడ్ మ్యాప్‌లను ప్రతిస్పందించే ప్రక్రియను ఈ వ్రాత-అప్ ప్రదర్శిస్తుంది.

ఎంబెడెడ్ మ్యాప్‌లను రెస్పాన్సివ్‌గా చేయడం ఎలా?

వినియోగదారులు కొన్ని CSS లక్షణాలను ఉపయోగించడం ద్వారా HTMLలో మ్యాప్‌ను ప్రతిస్పందనాత్మకంగా పొందుపరచవచ్చు. అయితే, ముందుగా పొందుపరిచిన లింక్‌ను పొందడం అవసరం. ఆ ప్రయోజనం కోసం, మొదట, దశ 1 ఆపై మ్యాప్‌ను క్రింది HTMLలో పొందుపరచండి:







దశ 1: మ్యాప్ యొక్క పొందుపరిచిన లింక్‌ని పొందండి



పొందుపరిచిన మ్యాప్‌ల లింక్‌ని పొందడానికి, ముందుగా, “కి నావిగేట్ చేయండి గూగుల్ పటాలు ”:







'పై క్లిక్ చేయండి మ్యాప్‌ను భాగస్వామ్యం చేయండి లేదా పొందుపరచండి ' ఎంపిక:



ఇప్పుడు, 'పై క్లిక్ చేయండి మ్యాప్‌ను పొందుపరచండి పొందుపరిచిన లింక్‌ని పొందడానికి ” బటన్:

ఆ తర్వాత, 'పై క్లిక్ చేయండి HTMLని కాపీ చేయండి ”కోడ్‌ను కాపీ చేయడానికి కోడ్:

దశ 2: HTMLలో మ్యాప్‌ను పొందుపరచండి

HTMLలో మ్యాప్‌ను పొందుపరచడానికి, ముందుగా, HTML నిర్మాణాన్ని సృష్టించండి. HTMLలో, కాపీ చేసిన ఎంబెడ్ లింక్‌ను లోపల అతికించండి <బాడీ> a లోపల విభాగం

మరియు div యొక్క తరగతి పేరును సెట్ చేయండి. లోపల స్టైలింగ్ జోడించాలని సిఫార్సు చేయబడింది