Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> HTML

HTML5 जियोलोकेशन लैटीट्यूड/लॉन्गिट्यूड API का उपयोग कैसे करें?


HTML5 जियोलोकेशन API आपको अपनी पसंदीदा वेबसाइट्स के साथ अपना स्थान साझा करने देता है। एक जावास्क्रिप्ट आपके अक्षांश और देशांतर को कैप्चर कर सकता है और इसे बैकएंड वेब सर्वर पर भेज सकता है और फैंसी स्थान-जागरूक चीजें कर सकता है जैसे स्थानीय व्यवसाय ढूंढना या मानचित्र पर अपना स्थान दिखाना।

जियोलोकेशन API ग्लोबल नेविगेटर ऑब्जेक्ट के एक नए प्रॉपर्टी यानी जियोलोकेशन ऑब्जेक्ट के साथ काम करते हैं।

उदाहरण

जियोलोकेशन API का उपयोग करके अक्षांश और देशांतर निर्देशांकों के साथ वर्तमान स्थान खोजने के लिए निम्न कोड चलाएं:

<!DOCTYPE HTML> <html>    <head>       <script type="text/javascript">          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 getLocation(){             if(navigator.geolocation){                // टाइमआउट 60000 मिलीसेकंड (60 सेकंड) पर                var options = {timeout:60000};                navigator.geolocation.getCurrentPosition                (showLocation, errorHandler, options);             } else{                alert("क्षमा करें, ब्राउज़र जियोलोकेशन का समर्थन नहीं करता!");             }          }       </script>    </head>    <body>       <form>          <input type="button" onclick="getLocation();" value="स्थान प्राप्त करें"/>       </form>    </body> </html>

getCurrentPosition() एक बार स्थान प्राप्त करता है। watchPosition() निरंतर ट्रैकिंग के लिए।

  1. HTML5 जियोलोकेशन API को गूगल मैप्स के साथ कैसे उपयोग करें? HTML5 जियोलोकेशन API को गूगल मैप्स के साथ कैसे उपयोग करें?

    HTML5 जियोलोकेशन API आपको अपनी लोकेशन वेबसाइट्स के साथ साझा करने देता है। JavaScript आपकी लैटीट्यूड और लॉन्गीट्यूड कैप्चर कर सकता है और इसे बैकएंड सर्वर पर भेजकर लोकेशन-अवेयर फीचर्स सक्षम करता है। जियोलोकेशन कोऑर्डिनेट्स डिवाइस की भौगोलिक लोकेशन निर्दिष्ट करते हैं। हम वर्तमान लोकेशन प्राप्त करने के

  1. HTML5 में ड्रैग एंड ड्रॉप कैसे उपयोग करें? HTML5 में ड्रैग एंड ड्रॉप कैसे उपयोग करें?

    ड्रैग एंड ड्रॉप (DnD) शक्तिशाली यूज़र इंटरफेस कॉन्सेप्ट है जो माउस क्लिक की मदद से आइटम्स को कॉपी, रीऑर्डर और डिलीट करना आसान बनाता है। यह यूज़र को किसी एलिमेंट पर माउस बटन क्लिक करके होल्ड करने, उसे दूसरी लोकेशन पर ड्रैग करने, और माउस बटन छोड़कर एलिमेंट को वहां ड्रॉप करने की अनुमति देता है। पारंपरि

  1. HTML5 localStorage API से ब्राउज़र में डेटा कैसे स्टोर करें? HTML5 localStorage API से ब्राउज़र में डेटा कैसे स्टोर करें?

    HTML5 localStorage ब्राउज़र में स्ट्रिंग डेटा सेव करता है और वर्तमान सत्र से आगे तक रहता है। localStorage डेटा को बिना एक्सपिरेशन के स्टोर करता है, जबकि sessionStorage केवल सत्र तक सीमित होता है। जब ब्राउज़र बंद होता है, तो सत्र खो जाता है। लोकल स्टोरेज ऐसी स्टोरेज के लिए डिज़ाइन किया गया है जो मल्ट