HTML5 जियोलोकेशन API आपको अपनी पसंदीदा वेबसाइट्स के साथ अपना स्थान साझा करने देता है। एक जावास्क्रिप्ट आपके अक्षांश और देशांतर को कैप्चर कर सकता है और इसे बैकएंड वेब सर्वर पर भेज सकता है और फैंसी स्थान-जागरूक चीजें कर सकता है जैसे स्थानीय व्यवसाय ढूंढना या मानचित्र पर अपना स्थान दिखाना। जियोलोकेशन कोऑर्डिनेट्स डिवाइस के भौगोलिक स्थान को निर्दिष्ट करते हैं।
जियोलोकेशन मेथड्स getCurrentPosition() और watchPosition() कॉलबैक मेथड निर्दिष्ट करते हैं जो स्थान जानकारी प्राप्त करता है। ये मेथड्स Position ऑब्जेक्ट के साथ एसिंक्रोनसली कॉल किए जाते हैं जो पूरी स्थान जानकारी संग्रहीत करता है।
Position ऑब्जेक्ट डिवाइस के वर्तमान भौगोलिक स्थान को निर्दिष्ट करता है। स्थान को भौगोलिक निर्देशांकों के एक सेट के रूप में व्यक्त किया जाता है साथ में हेडिंग और गति के बारे में जानकारी के साथ।
Position ऑब्जेक्ट के गुण
| गुण | प्रकार | विवरण |
| coords | ऑब्जेक्ट | डिवाइस के भौगोलिक स्थान को निर्दिष्ट करता है। |
| coords.latitude | संख्या | दशमलव डिग्री में अक्षांश अनुमान निर्दिष्ट करता है। मान सीमा [-90.00, +90.00]। |
| coords.longitude | संख्या | दशमलव डिग्री में देशांतर अनुमान निर्दिष्ट करता है। मान सीमा [-180.00, +180.00]। |
जियोलोकेशन ऑब्जेक्ट मेथड्स
| मेथड | विवरण |
| getCurrentPosition() | उपयोगकर्ता के वर्तमान भौगोलिक स्थान को प्राप्त करता है। |
| watchPosition() | डिवाइस के वर्तमान भौगोलिक स्थान के बारे में आवधिक अपडेट प्राप्त करता है। |
| clearWatch() | चल रहे watchPosition कॉल को रद्द करता है। |
उदाहरण
HTML5 में जियोलोकेशन के साथ काम करना और जियोलोकेशन कोऑर्डिनेट्स का उपयोग करना सीखने के लिए निम्न कोड चलाएं। यह डिवाइस के वर्तमान भौगोलिक स्थान के बारे में आवधिक अपडेट प्राप्त करता है।
<!DOCTYPE HTML> <html> <head> <script type="text/javascript"> var watchID; var geoLoc; function showLocation(position) { var latitude = position.coords.latitude; var longitude = position.coords.longitude; alert("अक्षांश: " + latitude + " देशांतर: " + longitude); } function errorHandler(err) { if(err.code == 1) { alert("त्रुटि: पहुंच अस्वीकृत!"); } else if( err.code == 2) { alert("त्रुटि: स्थान अनुपलब्ध!"); } } function getLocationUpdate(){ if(navigator.geolocation){ var options = {timeout:60000}; geoLoc = navigator.geolocation; watchID = geoLoc.watchPosition(showLocation, errorHandler, options); } else{ alert("क्षमा करें, ब्राउज़र जियोलोकेशन का समर्थन नहीं करता!"); } } </script> </head> <body> <form> <input type="button" onclick="getLocationUpdate();" value="अपडेट देखें"/> </form> </body> </html>महत्वपूर्ण: उपयोगकर्ता की अनुमति आवश्यक है। HTTPS पर ही काम करता है।
