javascript - 获取位置和设置间隔

Question

我想创建一个应用程序，“实时”显示我在谷歌地图上的当前位置。

相关代码如下:

    function updatePosition() {
        navigator.geolocation.getCurrentPosition(function (position) {
            var myLatLng = {lat: position.coords.latitude, lng: position.coords.longitude};
            marker.setPosition(myLatLng);
            $('#log').append('<p>new position - lat: ' + position.coords.latitude + ', lng: ' + position.coords.longitude + ' </p>');
        });
    }
    setInterval(updatePosition, 2000);

我该怎么说...它有效。但并不像我预期的那样。相反，它会刷新我的位置并在大约 5 - 30 秒内写入日志，而不是 2 秒。

是否可以使用谷歌地图刷新此位置，或者如果不能，我应该使用其他 map ，例如 Leaflet 或 OpenLayers？

Answer 1

如果你运行这样的代码

function updatePosition() {
    navigator.geolocation.getCurrentPosition(function (position) {
        var myLatLng = {lat: position.coords.latitude, lng: position.coords.longitude};
        console.log(myLatLng);
      setTimeout(updatePosition, 0);
    });
}
updatePosition();

你会发现 getCurrentPosition 花费了有限的时间 - 在我的例子中，是 5 秒，超时为零......所以，像你一样每两秒运行一次并不会让它更新任何内容更快