geolocation.watchPositionはgeolocation.getCurrentPositionを破ります

Question

Googleマップを使用してウェブアプリケーションを作成しており、getCurrentPosition()を使用してユーザーの地位を取得しています。それは正常に動作しますが、私は時間の経過とともにユーザーの位置を追跡する必要があります。

これは私がwatchPosition()を使用することを意図していました。 APIリファレンスAPI referenceによれば、すぐにデータ取得を実行してコールバックを実行する必要がありますが、そうではありません。代わりにそれがフリーズし、私はもはやgetCurrentPosition()を使用することができません。私はこれの原因を捜し求めてきたので、なぜそのように行動しているのか理解できません。私は最新のChrome for Linux Mint "Lisa"を使用しています。

Answer 1

モバイルデバイスでは、.getCurrentPosition()は非常に不正確です。 .watchPosition()を使用する方がより正確ですが、最高の読みを得るには約5秒かかります。その後、バッテリーを無駄にしてアクティブに保ちます。

これは、.watchPosition()を使用して15秒ごとに位置を確認し、.clearWatch()を使用して5秒後に確認を停止します。

デモ：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>