ఏదైనా వ్యాపార వెబ్‌సైట్‌లో మ్యాప్స్ తప్పనిసరి అంశం. మీరు పూర్తిగా ఇంటర్నెట్ ఆధారితమైనప్పటికీ, కస్టమర్లు మీరు ఎవరో మరియు మీరు ఎక్కడ నివసిస్తున్నారో తెలుసుకోవాలనుకుంటున్నారు. గూగుల్ మ్యాప్స్ ఇప్పుడు చాలా వెబ్‌సైట్‌లకు డిఫాల్ట్‌గా ఉంది, ఎందుకంటే ఇది ఉపయోగించడానికి సులభమైనది, చాలా ఖచ్చితమైనది మరియు ఉచితం. ఈ ట్యుటోరియల్ ముగిసే సమయానికి, మీ వెబ్‌సైట్‌లో ప్రతిస్పందించే Google మ్యాప్‌ను ఎలా పొందుపరచాలో మీకు తెలుస్తుంది.
డిఫాల్ట్ గూగుల్ మ్యాప్స్ ఎల్లప్పుడూ ప్రతిస్పందించవు కాబట్టి వేర్వేరు స్క్రీన్ పరిమాణాలకు స్కేల్ చేయకపోవచ్చు. మీరు ఒక WordPress ప్లగ్‌ఇన్‌ను ఉపయోగిస్తున్నారా లేదా కోడ్‌ను ఉపయోగించి మీరే పొందుపరుస్తున్నారా అనే దానిపై ఆధారపడి, మ్యాప్‌ను ప్రతిస్పందించడానికి కొన్ని CSS పంక్తులను జోడించాల్సి ఉంటుంది.
ప్రతిస్పందించే వెబ్ డిజైన్
రెస్పాన్సివ్ అనేది ఇక్కడ కీలక పదం. వెబ్‌సైట్‌ను ప్రాప్యత చేయడానికి మీరు ఏ పరికరాన్ని ఉపయోగించినప్పటికీ, ఇది ఒకేలా ఉందని నిర్ధారించడానికి వినియోగదారు అనుభవాన్ని మరియు పరికరాన్ని పరిగణనలోకి తీసుకునే వెబ్ డిజైన్‌ను ఇది వివరిస్తుంది. ఉదాహరణకు, ప్రతిస్పందించే వెబ్‌సైట్ మీరు డెస్క్‌టాప్, టాబ్లెట్ లేదా స్మార్ట్‌ఫోన్‌లో సందర్శించినా అదే నాణ్యమైన అనుభవాన్ని అందించాలి.
దీన్ని చేయడానికి, వెబ్‌సైట్ విభిన్న తీర్మానాలు, స్క్రీన్ పరిమాణాలకు అనుగుణంగా ఉండాలి మరియు తాకాలి.
ప్రతిస్పందించే Google మ్యాప్‌ను వెబ్‌సైట్‌లోకి పొందుపరుస్తుంది
గూగుల్ మ్యాప్స్‌ను వెబ్‌సైట్‌లో పొందుపరచడానికి నాకు మూడు మార్గాలు తెలుసు. మీరు ఒక WordPress థీమ్‌ను ఉపయోగిస్తుంటే, అది అంతర్నిర్మిత లక్షణాన్ని కలిగి ఉండవచ్చు. మీరు ప్లగిన్‌ను కూడా ఉపయోగించవచ్చు లేదా మీరు గూగుల్ నుండి నేరుగా ఏ వెబ్‌సైట్‌లోనైనా కోడ్‌ను పొందుపరచవచ్చు. మొదటి మరియు రెండవ ఎంపికలు WordPress వినియోగదారులకు గొప్పవి, ఇతర CMS ప్లగిన్‌లను కూడా ఉపయోగిస్తాయి కాబట్టి మీరు అక్కడ కవర్ చేయబడతారు. అంతిమ ఎంపిక, కోడ్‌ను ఉపయోగించడం చాలా వెబ్‌సైట్‌లు ఎలా నిర్మించబడిందనే దానితో సంబంధం లేకుండా పనిచేయాలి.
ప్రతిస్పందించే Google మ్యాప్‌ను పొందుపరచడానికి ఒక WordPress థీమ్‌ను ఉపయోగించండి
కొన్ని WordPress థీమ్స్ గూగుల్ మ్యాప్స్ కోసం ప్రత్యేకంగా ఒక లక్షణాన్ని కలిగి ఉంటాయి. ఆధునిక వెబ్‌సైట్‌లకు పటాలు చాలా ప్రాథమికమైనవి కాబట్టి, కొంతమంది థీమ్ డిజైనర్లు వాటిని నేరుగా వారి డిజైన్లలోకి అమలు చేశారు. మీ థీమ్‌కు మ్యాప్ ఫీచర్ ఉంటే, అది పని చేయడానికి మీకు Google మ్యాప్స్ API అవసరం. మీరు థీమ్ ఎంపికలలో API ని జోడిస్తారు మరియు ప్రతి సందర్శనలో మ్యాప్‌ను రూపొందించడానికి ఇది Google తో నేరుగా మాట్లాడుతుంది.
- API ప్రక్రియను ప్రారంభించడానికి Google వెబ్‌సైట్‌లోని ఈ పేజీని సందర్శించండి.
- నీలం ప్రారంభించు బటన్‌ను ఎంచుకోండి.
- క్రొత్త స్క్రీన్ యొక్క ఎడమ ఎగువ భాగంలో మూడు లైన్ మెను చిహ్నాన్ని ఎంచుకోండి.
- API లు & సేవలు మరియు ఆధారాలను ఎంచుకోండి.
- ఆధారాలను సృష్టించు ఆపై API కీని ఎంచుకోండి.
- పరిమితం కీని ఎంచుకోండి మరియు HTTP రిఫరర్లను ఎంచుకోండి.
- సేవ్ చేయి ఎంచుకోండి.
- API కీని కాపీ చేసి, అవసరమైన డిజైన్ ఎంపికల పేజీలో అతికించండి.
మీరు API కీని కలిగి ఉన్న తర్వాత, థీమ్ డిజైన్ సాధనాలను ఉపయోగించి మీ వెబ్‌సైట్‌లోకి Google మ్యాప్‌ను అమలు చేయవచ్చు. థీమ్ ప్రతిస్పందించేంతవరకు, మ్యాప్ కూడా ఉండాలి.
ప్రతిస్పందించే Google మ్యాప్‌ను పొందుపరచడానికి ప్లగిన్‌ని ఉపయోగించండి
WordPress ప్లగిన్‌లను ఉపయోగిస్తుంది, జూమ్ల పొడిగింపులను ఉపయోగిస్తుంది, ద్రుపాల్ మాడ్యూల్స్ లేదా ప్లగిన్‌లను ఉపయోగిస్తుంది మరియు ఇతర CMS ఇలాంటి నామకరణ సంప్రదాయాలను ఉపయోగిస్తాయి. ఎలాగైనా, ప్లగిన్లు లక్షణాలను జోడించడానికి మీ ప్రధాన CMS లోకి బోల్ట్ చేయగల మాడ్యులర్ ఎలిమెంట్లను సూచిస్తాయి. ఒక ఉపయోగకరమైన లక్షణం గూగుల్ మ్యాప్. మీ వెబ్‌సైట్ థీమ్‌లో మ్యాప్స్ ఎలిమెంట్ ఉండకపోతే మరియు మీరు కోడ్‌ను మీరే చేయకూడదనుకుంటే, ప్లగ్ఇన్ తదుపరి గొప్పదనం.
- WordPress లో, ప్లగిన్‌లకు నావిగేట్ చేయండి మరియు క్రొత్తదాన్ని జోడించండి.
- గూగుల్ మ్యాప్స్ కోసం శోధించండి మరియు మీకు నచ్చిన ప్లగ్‌ఇన్‌ను ఎంచుకోండి.
- ప్లగిన్‌లలో దీన్ని ప్రారంభించండి మరియు దాని సెట్టింగ్‌లకు వెళ్లండి.
- సూచించిన చోట మీరు పైన సృష్టించిన Google మ్యాప్స్ API ని జోడించి సేవ్ చేయండి.
- మ్యాప్ కనిపించాలనుకున్న చోట ప్లగిన్‌ను అమలు చేయండి.
ఇతర CMS వారి నామకరణ మరియు మెను స్థానాల్లో కొద్దిగా భిన్నంగా ఉంటాయి కాని సూత్రం చాలా సమానంగా ఉంటుంది. చాలా వరకు, అన్నింటికీ కాకపోతే, మ్యాప్ ప్లగిన్‌లకు Google మ్యాప్స్ API పని చేయాల్సి ఉంటుంది.
ప్రతిస్పందించే Google మ్యాప్‌ను పొందుపరచడానికి కోడ్‌ను ఉపయోగించండి
మీరు WordPress లేదా ఇతర CMS ను ఉపయోగించకపోతే, మీరు ఇప్పటికీ ప్రతిస్పందించే Google మ్యాప్‌ను పొందుపరచవచ్చు. మీరు మాడ్యూల్‌కు బదులుగా కోడ్‌ను ఉపయోగించాలి. దీనికి కొంచెం ఎక్కువ పని అవసరం కానీ అదే ప్రతిస్పందించే మ్యాప్‌లను బట్వాడా చేస్తుంది.
- గూగుల్ మ్యాప్స్‌ను సందర్శించండి మరియు మీరు ప్రదర్శించదలిచిన మ్యాప్ స్క్రీన్‌ను నింపే వరకు నావిగేట్ చేయండి.
- నీలం భాగస్వామ్యం లింక్‌ను ఎంచుకుని, పొందుపరిచిన మ్యాప్ నుండి కోడ్‌ను కాపీ చేయండి.
- మరియు మధ్య ఉన్న కోడ్‌కు మీ నిర్దిష్ట ఎంబెడ్ కోడ్‌ను జోడించండి.
- మీరు మ్యాప్‌ను చూడాలనుకునే మీ వెబ్ పేజీ యొక్క HTML లో కోడ్‌ను జోడించండి.
- మీ మార్పులను సేవ్ చేయండి.
కోడ్:
ఇది నా కోడ్ కాదు, నేను ఆన్‌లైన్‌లో కనుగొన్నాను కాని నా వెబ్‌సైట్‌లో దీనిని పరీక్షించాను. ఇది మనోజ్ఞతను కలిగి ఉంటుంది మరియు మీరు CMS, HTML, హ్యూగో లేదా అనేక ఇతర వెబ్‌సైట్ భాషలలో లేదా పేజీ సాధనాలలో ఒకదాన్ని ఉపయోగిస్తున్నారా.
