javascript - 高精度 HTML5 地理定位和观察位置

标签 javascript html

我似乎不知道如何向 html5 地理定位添加高精度和监视位置。我希望 GPS 随着用户的移动而更新。有人可以帮忙吗?

if(navigator.geolocation) {
            navigator.geolocation.getCurrentPosition(function(position) {
                var latlng = new google.maps.LatLng(position.coords.latitude, position.coords.longitude);
                marker.setPosition(latlng);
                map.setCenter(latlng);
}

最佳答案

您正在寻找watchPosition方法。

navigator.geolocation.watchPosition(updatePosition);

function updatePosition(pos){
   console.log(pos.coords);
}

就准确性而言,watchPosition 方法接受 3 个参数(成功、错误和选项),其中最后两个是可选的。 上面的示例显示了成功回调的使用,现在如果您添加另外两个..

navigator.geolocation.watchPosition(
     updatePosition,
     // Optional settings below
     positionError,
     {
         timeout: 0,
         enableHighAccuracy: true,
         maximumAge: 0
     }
);

这些选项启用enableHighAccuracy,这是不言自明的。

引用文献:

Html5 GeoLocation API

Position Options

关于javascript - 高精度 HTML5 地理定位和观察位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49713145/

相关文章:

javascript - 在另一个函数中传递对象

javascript - React : controlled vs uncontrolled component 中基于数组的复选框

javascript - 滚动条因背景图片而消失

javascript - 在 Bootstrap 中向工具提示内部添加描述

javascript - Ember.js 中的 CSS 边框和奇怪的元素边界

javascript - 奇怪的砖石问题

javascript - 用于提交事件的 addEventListener 尽早运行处理函数

javascript - 传单根据文本字段更改圆圈标记颜色

javascript - 如何使用react-router-dom <Link> 防止事件冒泡?

css - HTML5 语义与样式问题