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

<घंटा/>

HTML जिओलोकेशन का उपयोग उपयोगकर्ता की वास्तविक समय भौगोलिक स्थिति प्राप्त करने के लिए किया जाता है, केवल तभी जब वे इसकी अनुमति देते हैं। इसका उपयोग विभिन्न कारणों से किया जा सकता है। यह अक्षांश और देशांतर प्राप्त करने के लिए जावास्क्रिप्ट का उपयोग करता है।

नोट - Google Chrome 50 से पहले, भौगोलिक स्थान अनुरोधों को स्वीकृत किया जा सकता था लेकिन Chrome 50 के रूप में केवल HTTPS के माध्यम से अनुरोध स्वीकृत होते हैं और HTTP के माध्यम से अनुरोधों को अनदेखा कर दिया जाता है।

सिंटैक्स

निम्नलिखित वाक्य रचना है -

navigator.geolocation.getCurrentPosition()

यहां, getCurrentPosition() . द्वारा लौटाई गई वस्तु निम्नलिखित गुण हो सकते हैं -

Property <वें शैली ="पाठ-संरेखण:केंद्र;"> वापसी मूल्य
coords.latitude	भौगोलिक अक्षांश दशमलव संख्या के रूप में
coords.longitude	भौगोलिक देशांतर दशमलव संख्या के रूप में
coords.accuracy	स्थिति की शुद्धता
coords.altitude	औसत समुद्र तल से मीटर में ऊंचाई
coords.altitudeAccuracy	स्थिति की ऊंचाई सटीकता
coords.heading	उत्तर से दक्षिणावर्त डिग्री के रूप में शीर्षक
कोर्ड्स.गति	गति मीटर प्रति सेकंड में
इमेस्टैम्प	प्रतिक्रिया की तिथि/समय

आइए एक उदाहरण देखें कि HTML भौगोलिक स्थान त्रुटि प्रबंधन कैसे प्रदान करता है -

उदाहरण

<!DOCTYPE html>
<html>
<head>
<title>HTML Geolocation</title>
<style>
   * {
      padding: 2px;
      margin:5px;
   }
   form {
      width:70%;
      margin: 0 auto;
      text-align: center;
   }
   input[type="button"] {
      border-radius: 10px;
   }
</style>
</head>
<body>
<form>
<fieldset>
<legend>HTML-Geolocation</legend>
<input type="button" value="Update Location" onclick="updateLocation()">
<input type="button" value="Search" onclick="searchLoc()">
<div id="divDisplay">Current Location:</div>
<div>
<span id="latitude">Latitude: 42.9177901</span>
<span id="longitude">Longitude: -75.8114698</span>
</div>
<script>
   var latObj = document.getElementById("latitude");
   var longObj = document.getElementById("longitude");
   var divDisplay = document.getElementById("divDisplay");
   function searchLoc(){
      var lat = latObj.textContent.split(": ")[1];
      var long = longObj.textContent.split(": ")[1];
      var url = "https://www.google.com/maps/@"+lat+","+long+",8.58z";
      browseWindow = window.open(url, "browseWindow", "width=400, height=200");
   }
   function updateLocation(){
      browseWindow.close();
      var user = navigator.geolocation;
      if (user)
         user.getCurrentPosition(updatePosition, errorHandler);
      else
         divDisplay.textContent = "Geolocation is not supported in this browser";
   }
   function updatePosition(position) {
      divDisplay.innerHTML = 'Location Updated<br>Current Location:';
      latObj.textContent = 'Latitude: '+position.coords.latitude;
      longObj.textContent = 'Longitude: '+position.coords.longitude;
   }
   function errorHandler(error) {
      switch(error.code) {
         case error.PERMISSION_DENIED:
            divDisplay.textContent = "You denied the request to get Geolocation"
            break;
         case error.POSITION_UNAVAILABLE:
            divDisplay.textContent = "Your location information is unavailable"
            break;
         case error.TIMEOUT:
            divDisplay.textContent = "The request to get your location timed out"
            break;
         case error.UNKNOWN_ERROR:
            divDisplay.textContent = "Unknown error occurred"
            break;
      }
   }
</script>
</body>
</html>

1) कोई भी बटन क्लिक करने से पहले -

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

2) 'खोज . पर क्लिक करने के बाद ' बटन -

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

3) 'स्थान अपडेट करें . पर क्लिक करने के बाद ' बटन -

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

4) 'खोज . पर क्लिक करने के बाद ' बटन -

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

5) 'स्थान अपडेट करें . पर क्लिक करने के बाद ' बटन और उपयोगकर्ता स्थान पहुंच अनुमति से इनकार करते हैं -

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