వెబ్ జియోలొకేషన్ ఏపిఐ
- ముందు పేజీ వెబ్ ఫెచ్ ఏపిఐ
- తరువాత పేజీ ఏజాక్స్ సమర్పణ
వినియోగదారి స్థానాన్ని నిర్ధారించండి
వినియోగదారి స్థానాన్ని పొందడానికి ఉపయోగించే HTML జియోలోకేషన్ API.
ఈ విషయం ప్రొవైన్సీ నిర్మూలించవచ్చు అయినప్పుడు, వినియోగదారు అనుమతి పొందకుండా స్థానం లభించదు.
ప్రకటన:జియోలోకేషన్ GPS కలిగిన పరికరాలు (మొబైల్ ఫోన్లు వంటి) కోసం చాలా నిర్ణయాత్మకంగా ఉంటుంది.
అన్ని బ్రౌజర్లు Geolocation API ను మద్దతు చేస్తాయి:
| క్రోమ్ | ఐఈ | ఫైర్ఫాక్స్ | సఫారీ | ఓపెరా |
|---|---|---|---|---|
| మద్దతు | మద్దతు | మద్దతు | మద్దతు | మద్దతు |
ప్రకటన:క్రింది చూపించిన ఉదాహరణలో, Chrome 50 నుండి, Geolocation API కేవలం సురక్షిత కంటెక్స్ట్ కోసం మాత్రమే ఉపయోగపడుతుంది, ఉదాహరణకు HTTPS. మీ సైట్ HTTP అని నిర్మించబడినట్లయితే, వినియోగదారి స్థానాన్ని పొందడానికి అభ్యర్ధన ఇబ్బంది కలిగించదు.
జియోలోకేషన్ API ఉపయోగించండి
getCurrentPosition() వినియోగదారి స్థానాన్ని అందించడానికి ఉపయోగించే మెథడ్
క్రింది ఉదాహరణ వినియోగదారి స్థానాన్ని అక్షాంశాలు మరియు దూరాలను అందిస్తుంది:
ఎక్సామ్ప్లే
<script>
const x = document.getElementById("demo");
function getLocation() {
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(showPosition);
}
x.innerHTML = "ఈ బ్రౌజర్ ద్వారా జియోలోకేషన్ మద్దతు లేదు.";
}
}
function showPosition(position) {
x.innerHTML = "లాటిట్యూడ్: " + position.coords.latitude +
"<br>లాంగిట్యూడ్: " + position.coords.longitude;
}
</script>
ఉదాహరణ వివరణ:
- జియోలోకేషన్ మద్దతు పరిశీలించండి
- మద్దతులో ఉన్నట్లయితే, getCurrentPosition() మెథడ్ నడుపుము. మద్దతు లేకపోయినట్లయితే, వినియోగదారికి ఒక సందేశాన్ని చూపించండి
- సమాధానంగా వచ్చినట్లయితే, getCurrentPosition() మెథడ్ విజయవంతంగా అయినప్పుడు, అది నిర్వహించబడిన ఫంక్షన్ (showPosition) కు ఒక coordinates అబ్జెక్ట్ అందిస్తుంది
- showPosition() ఫంక్షన్ అక్షాంశాలు మరియు దూరాలను అవుతుంది
పైని ఉదాహరణ చాలా ప్రాథమిక భౌగోళిక నిర్ణయం స్క్రిప్ట్ ఉంది, దోషాల నిర్వహణ లేదు.
దోషాలు మరియు అనుమతి నిర్వహించండి
getCurrentPosition() విధానం యొక్క రెండవ పారామిటర్ దోషాన్ని నిర్వహించడానికి ఉపయోగిస్తుంది. వినియోగదారి స్థానాన్ని పొందలేకపోయినట్లయితే, అది నిర్వహించవలసిన ఫంక్షన్ నిర్వహిస్తుంది:
ఎక్సామ్ప్లే
function showError(error) {
switch(error.code) {
case error.PERMISSION_DENIED:
x.innerHTML = "వినియోగదారి స్థానాన్ని గుర్తించడానికి అనుమతి ఇవ్వలేదు.";
break;
case error.POSITION_UNAVAILABLE:
x.innerHTML = "స్థాన సమాచారం లభించలేదు.";
break;
case error.TIMEOUT:
x.innerHTML = "వినియోగదారి స్థానాన్ని పొందడానికి అభ్యర్ధన వ్యవధి పూర్తి అయింది.";
break;
case error.UNKNOWN_ERROR:
x.innerHTML = "ఒక తెలియని దోషం సంభవించింది.";
break;
}
}
మ్యాప్ లో ఫలితాలను చూపించండి
మీరు కార్ట్ లో ఫలితాలను చూపించడానికి, మీరు మ్యాప్ సర్వీసును సందర్శించవలసివుంది, ఉదాహరణకు గూగుల్ మ్యాప్.
ఈ ఉదాహరణలో, తిరిగి వచ్చిన లాటిట్యూడ్ మరియు లాంగ్లిట్యూడ్ నిజాస్తిని గుర్తించి గూగుల్ మ్యాప్స్‌లో స్థానాన్ని చూపిస్తారు (స్టేటిక్ చిత్రం ఉపయోగించడం):
ఎక్సామ్ప్లే
function showPosition(position) {
let latlon = position.coords.latitude + "," + position.coords.longitude;
let img_url = "https://maps.googleapis.com/maps/api/staticmap?center=
"+latlon+"&zoom=14&size=400x300&sensor=false&key=YOUR_KEY";
document.getElementById("mapholder").innerHTML = "<img src='"+img_url+"'>";
}
స్థానానికి సంబంధించిన సమాచారం
ఈ పేజీ వినియోగదారి యొక్క స్థానాన్ని ప్రదర్శించడానికి ఎలా చేయాలో ప్రదర్శిస్తుంది.
Geolocation ప్రత్యేకమైన స్థానానికి సంబంధించిన సమాచారానికి కూడా చాలా ఉపయోగపడుతుంది, ఉదాహరణకు:
- నెలకడిన స్థానిక సమాచారం
- వినియోగదారి సమీపంలోని ఆసక్తి స్థలాలను చూపిస్తుంది
- సరికొత్త మార్గదర్శకం (Turn-by-turn navigation) (GPS)
getCurrentPosition() మాదిరిగా తిరిగి తెలియజేస్తుంది
getCurrentPosition() విజయవంతంగా అనుసరించినప్పుడు ఒక అబ్జెక్ట్ తిరిగి తెలియజేస్తుంది. ఎల్లప్పుడూ లాటిట్యూడ్, లాంగ్లిట్యూడ్ మరియు నిజాస్తి అంశాలను తెలియజేస్తుంది. లభించినప్పుడు ఇతర అంశాలను తెలియజేస్తుంది:
| అంశాలు | తిరిగి |
|---|---|
| coords.latitude | పదకొలతలో గణనలో లాటిట్యూడ్ (ఎల్లప్పుడూ తెలియజేస్తుంది). |
| coords.longitude | పదకొలతలో గణనలో లాంగ్లిట్యూడ్ (ఎల్లప్పుడూ తెలియజేస్తుంది). |
| coords.accuracy | స్థానం యొక్క నిజాస్తి (ఎల్లప్పుడూ తెలియజేస్తుంది). |
| coords.altitude | సగటు సముద్ర మట్టం మీద పొడవు (మీటర్లలో గణనలో) (లభించినప్పుడు తెలియజేస్తుంది). |
| coords.altitudeAccuracy | స్థానం యొక్క ప్రాంతిక నిజాస్తి (లభించినప్పుడు తెలియజేస్తుంది). |
| coords.heading | ఉత్తరం నుండి చుట్టూ పూర్వంగా వేగం (లభించినప్పుడు తెలియజేస్తుంది). |
| coords.speed | మీటర్లు/సెకన్లు గణనలో వేగం (లభించినప్పుడు తెలియజేస్తుంది). |
| timestamp | ప్రతిస్పందించే తేదీ/సమయం (లభించినప్పుడు తెలియజేస్తుంది). |
Geolocation అబ్జెక్ట్ - ఇతర ఆసక్తికరమైన పద్ధతులు
Geolocation అబ్జెక్ట్ ఇతర ఆసక్తికరమైన పద్ధతులు కూడా ఉన్నాయి:
watchPosition()- వినియోగదారి యొక్క ప్రస్తుత స్థానాన్ని తెలియజేసి, వినియోగదారి చేపట్టినప్పుడు (ఉదా, కారులోని GPS) సందర్శించిన స్థానాన్ని కొనసాగించి మరింత నవీకరించిన స్థానాన్ని తెలియజేయండి。clearWatch()- ప్రయాణం watchPosition () మాదిరిగా ఆగించండి。
క్రింది ఉదాహరణలో ప్రదర్శించబడింది}} watchPosition() మార్గదర్శకం. పరీక్షకు సరినిజామాన్ని కలిగించిన GPS పరికరం అవసరం (ఉదాహరణకు స్మార్ట్ఫోన్):
ఎక్సామ్ప్లే
<script>
const x = document.getElementById("demo");
function getLocation() {
if (navigator.geolocation) {
navigator.geolocation.watchPosition(showPosition);
}
x.innerHTML = "ఈ బ్రౌజర్ ద్వారా జియోలోకేషన్ మద్దతు లేదు.";
}
}
function showPosition(position) {
x.innerHTML = "లాటిట్యూడ్: " + position.coords.latitude +
"<br>లాంగిట్యూడ్: " + position.coords.longitude;
}
</script>
- ముందు పేజీ వెబ్ ఫెచ్ ఏపిఐ
- తరువాత పేజీ ఏజాక్స్ సమర్పణ
