एचटीएमएल5 जियोलोकेशन

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="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;
    }
  }

स्वयं का प्रयोग करें

अग्रिम कोड:

  • स्वीकृति नहीं - उपयोगकर्ता भूगोलीय स्थिति को अनुमति नहीं देता
  • स्थान उपलब्ध नहीं - स्थान प्राप्त नहीं किया जा सका
  • Timeout - कार्य कालावधि अतिक्रमण

मानचित्र में परिणामों को दिखाएं

यदि आप मानचित्र में परिणामों को दिखाना चाहते हैं, तो आपको देशांतर और अक्षांश का उपयोग करने वाले मानचित्र सेवा (जैसे गूगल मानचित्र या बाइडू मानचित्र) की सेवा लेनी होगी:

उदाहरण

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() विधि को रोकें

नीचे दिए गए उदाहरण watchPosition() विधि को दिखाता है।इस उदाहरण को परीक्षण करने के लिए आकर्षक GPS उपकरण की आवश्यकता है (जैसे 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>

स्वयं का प्रयोग करें