HTML DOM Geolocation coordinates प्रॉपर्टी का उपयोग उपयोगकर्ता के डिवाइस की पृथ्वी पर स्थिति और ऊंचाई प्राप्त करने के लिए किया जाता है। उपयोगकर्ता को अनुमोदित करना होगा कि वह निर्देशांक देना चाहता है इससे पहले कि यह प्रॉपर्टी काम कर सके। यह उपयोगकर्ता की गोपनीयता से समझौता न करने के लिए किया जाता है। इसका उपयोग विभिन्न डिवाइस के स्थान को ट्रैक करने के लिए किया जा सकता है।
गुण
निम्नलिखित coordinates प्रॉपर्टी हैं:
नोट - ये सभी प्रॉपर्टी केवल-पढ़ने योग्य हैं और उनका रिटर्न प्रकार double है।
| क्रमांक | गुण एवं विवरण |
|---|---|
| 1 | coordinates.latitude डिवाइस की स्थिति के अक्षांश को दशमलव डिग्री में लौटाने के लिए। |
| 2 | coordinates.longitude डिवाइस की स्थिति के देशांतर को दशमलव डिग्री में लौटाने के लिए। |
| 3 | coordinates.altitude समुद्र तल के सापेक्ष मीटर में स्थिति की ऊंचाई लौटाने के लिए। यदि डिवाइस में GPS नहीं है तो यह null लौटा सकता है। |
| 4 | coordinates.accuracy अक्षांश और देशांतर गुणों की सटीकता मीटर में लौटाने के लिए। |
| 5 | coordinates.altitudeAccuracy ऊंचाई गुण की सटीकता मीटर में लौटाने के लिए। |
| 6 | coordinates.heading वह दिशा लौटाने के लिए जिसमें डिवाइस यात्रा कर रहा है। यह मान, डिग्री में निर्दिष्ट, दर्शाता है कि डिवाइस वास्तविक उत्तर से कितना दूर है। 0 डिग्री वास्तविक उत्तर को दर्शाता है, और दिशा दक्षिणावर्त निर्धारित की जाती है (पूर्व 90 डिग्री और पश्चिम 270 डिग्री)। यदि गति 0 है, तो शीर्षक NaN है। यदि डिवाइस शीर्षक जानकारी प्रदान करने में असमर्थ है, तो यह मान null है। |
| 7 | coordinates.speed डिवाइस का वेग मीटर प्रति सेकंड में लौटाने के लिए। यह मान null हो सकता है। |
सिंटैक्स
GeoLocation coordinates प्रॉपर्टी के लिए सिंटैक्स निम्नलिखित है:
coordinates.property
"property" ऊपर दी गई तालिका में उल्लिखित गुणों में से एक हो सकता है।
उदाहरण
GeoLocation coordinates प्रॉपर्टी का उदाहरण देखते हैं:
<!DOCTYPE html> <html> <body> <h1>Geolocation coordinates property</h1> <p>Get you coordinates by clicking the below button</p> <button onclick="getCoords()">COORDINATES</button> <p id="Sample">Your coordinates are:</p> <script> var p = document.getElementById("Sample"); function getCoords() { if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(showCoords); } else { p.innerHTML ="This browser doesn't support geolocation."; } } function showCoords(position) { p.innerHTML = "Longitude:" + position.coords.longitude + "<br>Latitude: " + position.coords.latitude+"<br>Accuracy: "+ position.coords.accuracy; } </script> </body> </html>
आउटपुट
यह निम्नलिखित आउटपुट उत्पन्न करेगा:
COORDINATES बटन पर क्लिक करने और "Know your location" पॉपअप पर Allow क्लिक करने पर:
उपरोक्त उदाहरण में:
हमने पहले एक COORDINATES बटन बनाया जो उपयोगकर्ता द्वारा क्लिक किए जाने पर getCoords() विधि को निष्पादित करेगा:
<button onclick="getCoords()">COORDINATES</button>
getCoords() फ़ंक्शन navigator ऑब्जेक्ट के जियोलोकेशन प्रॉपर्टी को प्राप्त करता है ताकि यह जांचा जा सके कि ब्राउज़र जियोलोकेशन का समर्थन करता है या नहीं। यदि ब्राउज़र जियोलोकेशन का समर्थन करता है, तो यह एक Geolocation ऑब्जेक्ट लौटाएगा। navigator जियोलोकेशन प्रॉपर्टी की getCurrentPosition() विधि का उपयोग करके हम डिवाइस की वर्तमान स्थिति प्राप्त करते हैं। getCurrentPosition() विधि एक कॉलबैक फ़ंक्शन है और यह अपने पैरामीटर के रूप में एक फ़ंक्शन लेती है क्योंकि जावास्क्रिप्ट में हर फ़ंक्शन एक ऑब्जेक्ट है।
यहां, हमने इसे showCoords() विधि पास की। showCoords() विधि एक पोजिशन इंटरफ़ेस को पैरामीटर के रूप में लेती है और इसका उपयोग देशांतर, अक्षांश और सटीकता को id "Sample" वाले पैराग्राफ में प्रदर्शित करने के लिए करती है। यह पैराग्राफ के innerHTML प्रॉपर्टी का उपयोग करके टेक्स्ट को जोड़ता है:
function getCoords() { if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(showCoords); } else { p.innerHTML ="This browser doesn't support geolocation."; } } function showCoords(position) { p.innerHTML = "Longitude:" + position.coords.longitude + "<br>Latitude: " + position.coords.latitude+"<br>Accuracy: "+ position.coords.accuracy; }
