ASP.NET MVC中Navigator.geolocation.getCurrentPosition缓存旧位置求助

我开发的网页支持用户点击按钮获取自身地图位置，定位精度没问题，但用户移动后首次点击按钮常返回旧位置，多次点击才会拿到当前最新位置，相关代码如下：

function getLocation() {
    if (navigator.geolocation) {
        navigator.geolocation.getCurrentPosition(success, error);
    } else {
        alert("Geolocation is not supported by this browser.");
    }

    function success(position) {
        dblLati = position.coords.latitude;
        dblLongi = position.coords.longitude;
        var requestData = {
            sLatitude: dblLati,
            sLongitude: dblLongi
        };
    }

    function error() {
        alert("Sorry, no position available.");
    }
}

问题原因与解决方案 #

问题核心是navigator.geolocation.getCurrentPosition默认会复用缓存的位置数据（缓存时长由浏览器决定）。要强制获取当前最新位置，只需传入第三个配置参数，重点设置maximumAge: 0，同时可配合其他参数优化定位体验：

关键参数说明

• maximumAge: 0：禁止使用任何缓存的位置数据，强制浏览器重新发起定位请求
• enableHighAccuracy: true：要求高精度定位（优先使用GPS等源，会增加功耗和定位时间，室内场景可酌情关闭）
• timeout: 5000：设置定位超时时间，避免用户长时间等待无响应

修改后的完整代码 #

function getLocation() {
    if (navigator.geolocation) {
        // 配置定位参数，强制获取最新位置
        const locationOptions = {
            maximumAge: 0, // 禁用缓存，必须获取新位置
            enableHighAccuracy: true, // 开启高精度定位
            timeout: 5000 // 5秒超时限制
        };
        navigator.geolocation.getCurrentPosition(success, error, locationOptions);
    } else {
        alert("Geolocation is not supported by this browser.");
    }

    function success(position) {
        // 改用局部变量避免全局污染
        const dblLati = position.coords.latitude;
        const dblLongi = position.coords.longitude;
        const requestData = {
            sLatitude: dblLati,
            sLongitude: dblLongi
        };
        // 补充提交requestData到控制器的逻辑
    }

    function error(err) {
        // 增加错误详情，方便调试
        alert(`定位失败: ${err.message}`);
    }
}

额外提示 #

• 如果室内场景下高精度定位耗时过长，可以将enableHighAccuracy设为false，浏览器会优先使用WiFi/基站定位，速度更快但精度略低
• 若用户多次点击仍有异常，可检查浏览器是否授予了定位权限，以及设备的定位服务是否正常开启

内容的提问来源于stack exchange，提问作者RJPWilliams