HTML5 जिओलोकेशन एपीआई आपको अपनी पसंदीदा वेबसाइटों के साथ अपना स्थान साझा करने देता है। एक जावास्क्रिप्ट आपके अक्षांश और देशांतर को कैप्चर कर सकता है और वेब सर्वर को बैकएंड पर भेजा जा सकता है और स्थानीय व्यवसायों को खोजने या मानचित्र पर अपना स्थान दिखाने जैसी फैंसी स्थान-जागरूक चीजें कर सकता है। भौगोलिक स्थान निर्देशांक डिवाइस के भौगोलिक स्थान को निर्दिष्ट करता है।
जियोलोकेशन मेथड्स getCurrentPosition() और getPositionUsingMethodName() उस कॉलबैक मेथड को निर्दिष्ट करते हैं जो लोकेशन की जानकारी प्राप्त करता है। इन विधियों को एसिंक्रोनस रूप से एक वस्तु स्थिति कहा जाता है जो संपूर्ण स्थान की जानकारी संग्रहीत करती है।
स्थिति वस्तु डिवाइस की वर्तमान भौगोलिक स्थिति को निर्दिष्ट करती है। स्थान को शीर्षक और गति के बारे में जानकारी के साथ भौगोलिक निर्देशांक के एक सेट के रूप में व्यक्त किया जाता है।
स्थिति वस्तु के गुणों में शामिल हैं -
| संपत्ति | प्रकार | विवरण |
| coords | वस्तुएं | डिवाइस की भौगोलिक स्थिति को निर्दिष्ट करता है। स्थान को शीर्षक और गति के बारे में जानकारी के साथ भौगोलिक निर्देशांक के एक सेट के रूप में व्यक्त किया जाता है। |
| coords.latitude | संख्या | अक्षांश अनुमान को दशमलव डिग्री में निर्दिष्ट करता है। मान श्रेणी [-90.00, +90.00] है। |
| coords.longitude | संख्या | देशांतर अनुमान को दशमलव डिग्री में निर्दिष्ट करता है। मान श्रेणी [-180.00, +180.00] है। |
निम्नलिखित अक्षांश और देशांतर के निर्देशांक के साथ स्थिति वस्तु का उपयोग करता है -
जियोलोकेशन ऑब्जेक्ट निम्नलिखित तरीके प्रदान करता है। वे सभी स्थान पुनः प्राप्त करने के लिए निर्देशांक का उपयोग करते हैं -
| विधि | विवरण |
| getCurrentPosition() | यह विधि उपयोगकर्ता की वर्तमान भौगोलिक स्थिति को पुनः प्राप्त करती है। |
| watchPosition() | यह विधि डिवाइस की वर्तमान भौगोलिक स्थिति के बारे में आवधिक अपडेट प्राप्त करती है। |
| clearWatch() | यह विधि चल रहे वॉचपोजिशन कॉल को रद्द कर देती है। |
उदाहरण
आप निम्न कोड को चलाने का प्रयास कर सकते हैं ताकि आप जान सकें कि कैसे भौगोलिक स्थान के साथ काम करना है और 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 : " + 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 getLocationUpdate(){
if(navigator.geolocation){
// timeout at 60000 milliseconds (60 seconds)
var options = {timeout:60000};
geoLoc = navigator.geolocation;
watchID = geoLoc.watchPosition(showLocation, errorHandler, options);
} else{
alert("Sorry, browser does not support geolocation!");|
}
}
</script>
</head>
<body>
<form>
<input type="button" onclick="getLocationUpdate();" value="Watch Update"/>
</form>
</body>
</html>