HTML DOM Geolocation position प्रॉपर्टी

HTML DOM Geolocation coordinates प्रॉपर्टी का उपयोग यूज़र के डिवाइस की पृथ्वी पर स्थिति और ऊंचाई प्राप्त करने के लिए किया जाता है। इस प्रॉपर्टी के काम करने से पहले यूज़र को अनुमोदित करना होगा कि वह निर्देशांक देना चाहता है। यह यूज़र की गोपनीयता से समझौता न हो इसलिए किया जाता है। इसका उपयोग विभिन्न डिवाइस स्थानों को ट्रैक करने के लिए किया जा सकता है।

गुण (Properties)

निम्नलिखित position प्रॉपर्टी है:

नोट - नीचे दिए गए गुण रीड-ओनली हैं:

सिंटैक्स

Geolocation position प्रॉपर्टी के लिए सिंटैक्स:

position.property

यहां, प्रॉपर्टी ऊपर दी गई टेबल में दो गुणों में से एक हो सकती है।

उदाहरण

आइए Geolocation position प्रॉपर्टी का एक उदाहरण देखते हैं:

<!DOCTYPE html> <html> <body> 
<h1>Geolocation coordinates प्रॉपर्टी</h1> 
<p>नीचे दिए गए बटन पर क्लिक करके अपने निर्देशांक प्राप्त करें</p> 
<button onclick="getCoords()">COORDINATES</button> 
<p id="Sample">आपके निर्देशांक हैं:</p> 
<script> 
  var p = document.getElementById("Sample"); 
  function getCoords() { 
    if (navigator.geolocation) { 
      navigator.geolocation.getCurrentPosition(showCoords); 
    } else { 
      p.innerHTML = "यह ब्राउज़र जियोलोकेशन का समर्थन नहीं करता।"; 
    } 
  } 
  function showCoords(position) { 
    p.innerHTML = "देशांतर: " + position.coords.longitude + 
      "<br>अक्षांश: " + position.coords.latitude + "<br>सटीकता: " + position.coords.accuracy; 
  } 
</script> </body> </html>

आउटपुट

यह निम्नलिखित आउटपुट देगा:

COORDINATES बटन पर क्लिक करने पर:

उदाहरण की व्याख्या

उपरोक्त उदाहरण में:

• हमने पहले एक बटन COORDINATES बनाया जो यूज़र द्वारा क्लिक किए जाने पर getCoords() मेथड को एक्ज़िक्यूट करता है:

<button onclick="getCoords()">COORDINATES</button>

• getCoords() फंक्शन navigator ऑब्जेक्ट की geolocation प्रॉपर्टी को प्राप्त करके चेक करता है कि ब्राउज़र जियोलोकेशन का समर्थन करता है या नहीं। यदि ब्राउज़र जियोलोकेशन का समर्थन करता है, तो यह एक Geolocation ऑब्जेक्ट लौटाएगा। navigator geolocation प्रॉपर्टी के getCurrentPosition() मेथड का उपयोग करके हम डिवाइस की वर्तमान स्थिति प्राप्त करते हैं। getCurrentPosition() मेथड एक कॉलबैक फंक्शन है और यह अपने पैरामीटर के लिए एक फंक्शन को ऑब्जेक्ट के रूप में लेता है क्योंकि जावास्क्रिप्ट में हर फंक्शन एक ऑब्जेक्ट होता है।
• यहां, हमने इसे showCoords() मेथड पास किया। showCoords() मेथड एक position इंटरफ़ेस को पैरामीटर के रूप में लेता है और id "Sample" वाले पैराग्राफ के अंदर देशांतर, अक्षांश और सटीकता प्रदर्शित करने के लिए इसका उपयोग करता है। यह पैराग्राफ की innerHTML प्रॉपर्टी का उपयोग करके इसमें टेक्स्ट जोड़ता है:

function getCoords() { 
  if (navigator.geolocation) { 
    navigator.geolocation.getCurrentPosition(showCoords); 
  } else { 
    p.innerHTML = "यह ब्राउज़र जियोलोकेशन का समर्थन नहीं करता।"; 
  } 
} 
function showCoords(position) { 
  p.innerHTML = "देशांतर: " + position.coords.longitude + 
    "<br>अक्षांश: " + position.coords.latitude + "<br>सटीकता: " + position.coords.accuracy; 
}