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

एचटीएमएल 5 जिओलोकेशन अक्षांश/देशांतर एपीआई का उपयोग कैसे करें?


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

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

एचटीएमएल 5 जिओलोकेशन अक्षांश/देशांतर एपीआई का उपयोग कैसे करें?

उदाहरण

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

<!DOCTYPE HTML>
<html>
   <head>
      <script type="text/javascript">
         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 getLocation(){
            if(navigator.geolocation){
               // timeout at 60000 milliseconds (60 seconds)
               var options = {timeout:60000};
               navigator.geolocation.getCurrentPosition
               (showLocation, errorHandler, options);
            } else{
               alert("Sorry, browser does not support geolocation!");
            }
         }
      </script>
   </head>
   <body>
      <form>
         <input type="button" onclick="getLocation();" value="Get Location"/>
      </form>
   </body>
</html>

  1. Google मानचित्र के साथ HTML5 जियोलोकेशन एपीआई का उपयोग कैसे करें?

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

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

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

  1. HTML5 लोकलस्टोरेज एपीआई के साथ ब्राउज़र में डेटा कैसे स्टोर करें?

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