geolocation.watchPosition geolocation.getCurrentPosition

Question

तोड़ता है मैं Google मानचित्र के साथ एक वेब ऐप पर काम कर रहा हूं और उपयोगकर्ता की स्थिति प्राप्त करने के लिए getCurrentPosition() का उपयोग कर रहा हूं। यह ठीक काम करता है लेकिन मुझे समय के साथ उपयोगकर्ता की स्थिति को ट्रैक करने की आवश्यकता है।

इसके लिए मैं watchPosition() का उपयोग करना चाहता था। एपीआई संदर्भ API reference के अनुसार इसे तुरंत डेटा अधिग्रहण निष्पादित करना होगा और कॉलबैक निष्पादित करना होगा, लेकिन ऐसा नहीं है। इसके बजाय यह जम जाता है, और अब मैं getCurrentPosition() का उपयोग नहीं कर सकता। मैं इसके लिए एक कारण खोज रहा हूं और मैं समझ नहीं पा रहा हूं कि इस तरह से व्यवहार क्यों कर रहा है। मैं लिनक्स मिंट "लिसा" के लिए नवीनतम क्रोम का उपयोग कर रहा हूं।

Answer 1

मोबाइल डिवाइस पर, .getCurrentPosition() बहुत गलत है। .watchPosition() का उपयोग करना अधिक सटीक है, लेकिन सर्वोत्तम पढ़ने के लिए इसमें लगभग पांच सेकंड लगते हैं। उसके बाद, यह सक्रिय रखने के लिए बैटरी को बर्बाद कर देता है।

यह .watchPosition() का उपयोग करके हर 15 सेकंड में स्थिति की जांच करता है और .clearWatch() का उपयोग करके पांच सेकंड के बाद जांच बंद कर देता है।

डेमो: https://jsfiddle.net/ThinkingStiff/phabq6r3/

स्क्रिप्ट:

var latitude, longitude, accuracy; 

function setGeolocation() { 
    var geolocation = window.navigator.geolocation.watchPosition( 
     function (position) { 
      latitude = position.coords.latitude; 
      longitude = position.coords.longitude; 
      accuracy = position.coords.accuracy; 
      document.getElementById('result').innerHTML += 
        'lat: ' + latitude + ', ' 
       + 'lng: ' + longitude + ', ' 
       + 'accuracy: ' + accuracy + '<br />'; 
     }, 
     function() { /*error*/ }, { 
      maximumAge: 250, 
      enableHighAccuracy: true 
     } 
    ); 

    window.setTimeout(function() { 
      window.navigator.geolocation.clearWatch(geolocation) 
     }, 
     5000 //stop checking after 5 seconds 
    ); 
}; 

setGeolocation(); 

window.setInterval(function() { 
     setGeolocation(); 
    }, 
    15000 //check every 15 seconds 
); 

HTML:

<div id="result"></div>