HTML5 地理定位

HTML5 Geolocation (భౌగోళిక స్థాన సమాచారం) వినియోగదారి స్థానాన్ని నిర్ణయించడానికి ఉపయోగిస్తుంది.

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

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

HTML5 Geolocation 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="ఈ బ్రౌజర్లో జియోలోకేషన్ మద్దతు లేదు.";}
  }
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 ప్రతిస్పందించే తేదీ/సమయం

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

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

clearWatch() - పద్ధతి watchPosition() ని ఆగించు

దిగువ ఉదాహరణలో watchPosition() పద్ధతిని చూడండి. ఈ ఉదాహరణను పరీక్షించడానికి ఒక ఖచ్చితమైన GPS పరికళ్పనను ఉపయోగించాలి (ఉదాహరణకు iPhone):

ఉదాహరణ

<script>
var x=document.getElementById("demo");
function getLocation()
  {
  if (navigator.geolocation)
    {
    navigator.geolocation.watchPosition(showPosition);
    }
  else{x.innerHTML="ఈ బ్రౌజర్లో జియోలోకేషన్ మద్దతు లేదు.";}
  }
function showPosition(position)
  {
  x.innerHTML="లాటిట్యూడ్: " + position.coords.latitude +
  "<br />లాంగ్లిట్యూడ్: " + position.coords.longitude;
  }
</script>

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