地理位置.watchPosition破坏了地理位置.getCurrentPosition。

Question

我正在开发一个使用谷歌地图的Web应用程序，并使用getCurrentPosition()获取用户位置。这个功能很好用，但我需要随时间跟踪用户位置。

为此，我打算使用watchPosition()。根据API参考API参考，它必须立即执行数据采集并执行回调，但实际上它没有这样做。相反，它会冻结，并且我不能再使用getCurrentPosition()。我一直在寻找原因，但无法弄清楚为什么会出现这种情况。我正在使用最新的Linux Mint“Lisa”版Chrome浏览器。

- Juan Antonio Orozco

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>

- ThinkingStiff

---

这个脚本完全荒谬。当脚本加载时，watchPosition被调用一次，15秒后又无缘无故地被调用一次。当然，setTimeout并不会每15秒调用setGeolocation，也没有必要这样做。第一个给watchPosition的函数只有在用户位置真正改变时才会得到回调。在5秒后调用clearWatch也是毫无意义的。 - user414873

@user414873 单独使用 getPosition() 在移动设备上非常不准确。如果您每15秒调用一次，那么您得到的每个结果都将是不准确的。watchPosition() 可以更准确地获取位置信息，最多尝试三次（约5秒）。之后，它只会浪费电池。clearWatch() 可以关闭跟踪，直到您再次准备好进行跟踪。这是在移动设备上跟踪的最佳方法。 - ThinkingStiff

jsfiddle出问题了。 - Braian Mellor

@BraianMellor 谢谢。 - ThinkingStiff