HTML5 जियोलोकेशन से स्थिति कैसे खोजें?

HTML5 जियोलोकेशन API आपको अपनी लोकेशन अपनी पसंदीदा वेबसाइट्स के साथ साझा करने देता है। एक JavaScript आपकी अक्षांश और देशांतर को कैप्चर कर सकता है और इसे बैकएंड वेब सर्वर पर भेज सकता है और फैंसी लोकेशन-अवेयर चीजें कर सकता है जैसे स्थानीय व्यवसाय ढूंढना या मैप पर अपनी लोकेशन दिखाना।

जियोलोकेशन API ग्लोबल नेविगेटर ऑब्जेक्ट की एक नई प्रॉपर्टी यानी जियोलोकेशन ऑब्जेक्ट के साथ काम करते हैं।

getCurrentPosition मेथड डिवाइस की वर्तमान भौगोलिक लोकेशन प्राप्त करता है। लोकेशन को भौगोलिक निर्देशांकों के एक सेट के साथ-साथ हेडिंग और गति के बारे में जानकारी के रूप में व्यक्त किया जाता है। लोकेशन जानकारी एक Position ऑब्जेक्ट को वापस की जाती है।

उदाहरण

वर्तमान लोकेशन खोजने के लिए निम्न कोड चलाएं:

<!DOCTYPE HTML> <html>
  <head>
    <script type = "text/javascript">
      function showLocation(position) {
        var latitude = position.coords.latitude;
        var longitude = position.coords.longitude;
        alert("Latitude : " + latitude + " Longitude: " + longitude);
      }
      function errorHandler(err) {
        if(err.code == 1) {
          alert("Error: Access is denied!");
        }
        else if( err.code == 2) {
          alert("Error: Position is unavailable!");
        }
      }
      function getLocation(){
        if(navigator.geolocation){
          // 60000 मिलीसेकंड (60 सेकंड) पर टाइमआउट
          var options = {timeout:60000};
          navigator.geolocation.getCurrentPosition(showLocation, errorHandler, options);
        } else {
          alert("Sorry, browser does not support geolocation!");
        }
      }
    </script>
  </head>
  <body>
    <form>
      <input type = "button" onclick = "getLocation();" value = "Get Location"/>
    </form>
  </body>
</html>