HTML5 地理定位

HTML5 భౌగోళిక స్థాన (భౌగోళిక స్థాన మద్దతు) వినియోగదారి స్థానాన్ని నిర్వహిస్తుంది.

స్వయంగా ప్రయత్నించండి: గూగుల్ మ్యాప్స్ లో మీ స్థానాన్ని చూపించండి

వినియోగదారి స్థానాన్ని నిర్వహించండి

HTML5 భౌగోళిక స్థాన API వినియోగదారి భౌగోళిక స్థానాన్ని పొందడానికి ఉపయోగిస్తుంది.

ఈ లక్షణం వినియోగదారి గోప్యతను ఉల్లంఘించవచ్చు, వినియోగదారి అనుమతి లేకపోతే, వినియోగదారి స్థాన సమాచారం లభించలేదు.

బ్రౌజర్ మద్దతు

Internet Explorer 9, Firefox, Chrome, Safari మరియు Opera భౌగోళిక స్థాన మద్దతును మద్దతు చేస్తున్నాయి.

ప్రకటన:GPS కలిగిన పరికరాలు, ఉదాహరణకు iPhone, భౌగోళిక స్థాన మద్దతు మరింత సత్వరంగా ఉంటుంది.

HTML5 - భౌగోళిక స్థాన మద్దతు

వినియోగదారి స్థానాన్ని పొందడానికి getCurrentPosition() పద్ధతిని ఉపయోగించండి.

ఈ ఉదాహరణ ఒక సాధారణ భౌగోళిక స్థాన ఉదాహరణ ఉంది, వినియోగదారి స్థానం యొక్క లాంగితం మరియు అక్షాంశాలను తెలుపుతుంది.

ఉదాహరణ

<script>
var x=document.getElementById("demo");
function getLocation()
  {
  if (navigator.geolocation)
    {
    navigator.geolocation.getCurrentPosition(showPosition);
    }
  else{x.innerHTML="Geolocation is not supported by this browser.";}
  }
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)
{
var latlon=position.coords.latitude+","+position.coords.longitude;
var img_url="http://maps.googleapis.com/maps/api/staticmap?center="
+latlon+"&zoom=14&size=400x300&sensor=false";
document.getElementById("mapholder").innerHTML="<img src='"+img_url+"' />";
}

స్వయంగా ప్రయత్నించండి

పైని ఉదాహరణలో, మేము గూగుల్ మ్యాప్లో తిరిగి ఇచ్చిన లత్తు, అక్షాంశం డాటాను ఉపయోగించి స్థానాన్ని ప్రదర్శించాము (స్టేటిక్ చిత్రం ఉపయోగించబడింది).

గూగుల్ మ్యాప్ స్క్రిప్టు

పైని లింకులు స్క్రిప్టును ఉపయోగించి టాగ్లు, జూమ్, గెరుపు ఎంపికలతో ఇంటరాక్టివ్ నక్షాస్థలాన్ని ప్రదర్శించడానికి ఎలా ఉపయోగించాలనేది చూపిస్తాయి.

నక్షాస్థలంలో స్థానానికి సమాచారం

ఈ పేజీలో వినియోగదారి స్థానాన్ని నక్షాస్థలంలో ఎలా ప్రదర్శించాలనేది చూపబడింది. అయితే, భౌగోళిక నిర్ధారణ నక్షాస్థలంలో ప్రదర్శించబడుతున్న స్థానానికి సమాచారాన్ని ప్రదర్శించడానికి కూడా ఎంతో ఉపయోగపడుతుంది.

ఉదాహరణ:

  • స్థానిక సమాచారాన్ని నవీకరించండి
  • వినియోగదారి చుట్టూ యొక్క ఆసక్తి పరిమితిని ప్రదర్శించండి
  • ఇంటరాక్టివ్ వాహన నేవిగేషన్ సిస్టమ్ (GPS)

getCurrentPosition() పద్ధతి - తిరిగి ఇవ్వబడిన డాటా

విజయవంతం అయితే, getCurrentPosition() పద్ధతి ఒబ్జెక్ట్ ను తిరిగి ఇవ్వబడుతుంది. ఎల్లప్పుడూ latitude, longitude మరియు accuracy లక్షణాలను తిరిగి ఇవ్వబడుతుంది. అందుబాటులో ఉంటే, క్రింది లక్షణాలను కూడా తిరిగి ఇవ్వబడుతుంది.

లక్షణాలు వివరణ
coords.latitude డిసిమాల్ అక్షాంశం
coords.longitude డిసిమాల్ రేఖాంశం
coords.accuracy స్థాన ప్రక్రియా నిర్ధారణ
coords.altitude అల్టిట్యూడ్, సముద్ర మట్టమునుండి మీటర్లలో అంచనా వేయబడింది
coords.altitudeAccuracy స్థానం యొక్క అల్టిట్యూడ్ ప్రకృతి
coords.heading దిశ, ఉత్తరం నుండి దిశాంశం అంచనా
coords.speed వేగం, మీటర్లు/సెకండు అంచనా
timestamp ప్రతిస్పందనలో తేదీ/సమయం

Geolocation ఆబ్జెక్ట్ - ఇతర ఆసక్తికరమైన పద్ధతులు

watchPosition() - వినియోగదారి యొక్క ప్రస్తుత స్థానాన్ని మరియు వినియోగదారి చేరుకున్నప్పుడు స్థానం మార్చబడినప్పుడు నవీకరణలను తిరిగి ఇవ్వబడుతుంది (ఉదాహరణకు కారు లోని GPS వంటి).

clearWatch() - పరిశీలన ముగించు పద్ధతి

క్రింది ఉదాహరణలో watchPosition() పద్ధతిని చూపబడింది. ఈ ఉదాహరణని పరీక్షలకొరకు ఒక సరికొత్త జిపిఎస్ పరికరం (ఉదాహరణకు iPhone) ఉపయోగించాలి:

ఉదాహరణ

<script>
var x=document.getElementById("demo");
function getLocation()
  {
  if (navigator.geolocation)
    {
    navigator.geolocation.watchPosition(showPosition);
    }
  else{x.innerHTML="Geolocation is not supported by this browser.";}
  }
function showPosition(position)
  {
  x.innerHTML="లాటిట్యూడ్: " + position.coords.latitude +
  "<br />లాంగ్లిట్యూడ్: " + position.coords.longitude;
  }
</script>

స్వయంగా ప్రయత్నించండి