navigator.geolocation.getCurrentPosition 有时有效有时无效

Question

所以我使用 navigator.geolocation.getCurrentPosition jammy 有一个非常简单的 JS。

$(document).ready(function(){
  $("#business-locate, #people-locate").click(function() {
    navigator.geolocation.getCurrentPosition(foundLocation, noLocation);
  });

  navigator.geolocation.getCurrentPosition(foundLocation, noLocation);

  function foundLocation(position) {
    var lat = position.coords.latitude;
    var lon = position.coords.longitude;
    var userLocation = lat + ', ' + lon;
    $("#business-current-location, #people-current-location").remove();
    $("#Near-Me")
      .watermark("Current Location")
      .after("<input type='hidden' name='business-current-location' id='business-current-location' value='"+userLocation+"' />");
    $("#people-Near-Me")
      .watermark("Current Location")
      .after("<input type='hidden' name='people-current-location' id='people-current-location' value='"+userLocation+"' />");
  }
  function noLocation() {
    $("#Near-Me").watermark("Could not find location");
    $("#people-Near-Me").watermark("Could not find location");
  }
})//end DocReady

基本上，这里发生的事情是我们获得当前位置，如果获得了，两个“水印”被放置在两个表示“当前位置”的字段中，并且使用经纬度数据作为其值创建两个隐藏字段（它们被删除）在开始时这样它们就不会每次都重复）。还有两个按钮具有与其关联的单击功能，可以执行相同的操作。 不幸的是，每隔三次左右，它就会起作用。 这里有什么问题？？？

Answer 1

我有一个部分答案，但可惜不是完整的答案。

首先，要意识到 getCurrentPosition 的默认超时是无限（！）。这意味着如果 getCurrentPosition 挂在后端的某个位置，您的错误处理程序将永远不会被调用。

为了确保超时，请将可选的第三个参数添加到对 getCurrentPosition 的调用中，例如，如果您希望用户等待不超过 10 秒，然后再向他们提供正在发生的情况的线索，请使用：

navigator.geolocation.getCurrentPosition(successCallback,errorCallback,{timeout:10000});

其次，我经历过不同情况下的可靠性有很大不同。在家里，我会在一两秒内收到回电，尽管准确性很差。

然而，在工作中，我经历了相当奇怪的行为变化：地理定位在某些计算机上一直有效（当然 IE 除外），其他计算机只能在 chrome 和 safari 中工作，但不能在 Firefox 中工作（壁虎问题？），其他计算机只能工作一次，然后随后工作失败——而且模式每小时、每天都在变化。有时您有一台“幸运”的计算机，有时则没有。也许在满月时宰杀山羊会有帮助？

我无法理解这一点，但我怀疑后端基础设施比在各种推动此功能的热衷书籍和网站中宣传的更不平衡。我真的希望他们能更直接地说明这个功能有多么不稳定，以及如果您希望错误处理程序正常工作，超时设置有多重要。

^{今天我一直在尝试向学生教授这些内容，但遇到了尴尬的情况：我自己的计算机（在投影仪和几个大屏幕上）无声无息地出现故障，而大约 80% 的学生几乎立即就得到了结果（使用完全相同的无线网络）。当我的学生也犯错别字和其他错误，而我自己的电脑也出现故障时，解决这些问题非常困难。}

Answer 2

这是我解决这个问题的一种hacky方法，至少它适用于所有当前的浏览器（在Windows上，我没有Mac）：

if (navigator.geolocation) {
    var location_timeout = setTimeout("geolocFail()", 10000);

    navigator.geolocation.getCurrentPosition(function(position) {
        clearTimeout(location_timeout);

        var lat = position.coords.latitude;
        var lng = position.coords.longitude;

        geocodeLatLng(lat, lng);
    }, function(error) {
        clearTimeout(location_timeout);
        geolocFail();
    });
} else {
    // Fallback for no geolocation
    geolocFail();
}

如果有人单击“关闭”或选择“否”或选择“从不共享”，这也将起作用Firefox 上的选项。

笨重，但它有效。

Answer 3

这每次都对我有用：

navigator.geolocation.getCurrentPosition(getCoor, errorCoor, {maximumAge:60000, timeout:5000, enableHighAccuracy:true});

尽管它不是很准确。有趣的是，在同一台设备上，如果我运行这个，它会让我偏离大约 100 米（每次），但如果我去谷歌地图，它会准确地找到我的位置。因此，尽管我认为enableHighAccuracy：true有助于它一致地工作，但它似乎并没有使它变得更准确......

Answer 4

这已经是一个老问题了，但是所有答案都没有解决我的问题，所以让我们添加我最终找到的答案。它闻起来像一个黑客（它确实是一个），但在我的情况下总是有效。希望你的情况也一样。

//Dummy one, which will result in a working next statement.
navigator.geolocation.getCurrentPosition(function () {}, function () {}, {});
//The working next statement.
navigator.geolocation.getCurrentPosition(function (position) {
    //Your code here
}, function (e) {
    //Your error handling here
}, {
    enableHighAccuracy: true
});

Answer 5

同样的人，这在 Chrome（稳定版、开发版和金丝雀版）中工作得很好，只是在 FF 和 Safari 中不行。它在我的 iPhone 和 iPad（Safari！）上也能完美运行。这可能是由于该功能相对较新（即它是一个错误）。我现在花了将近一周的时间，但我无法让它在这些浏览器上工作。

这是我发现的：

第一次调用 getCurrentPosition 时，它工作得非常完美。任何后续调用都不会返回，即它不会触发 successCallback 或 errorCallback 函数。我在通话中添加了一些位置选项来证明我的观点：

 navigator.geolocation.getCurrentPosition(successCallback, errorCallback,  {timeout: 10000});

每次都会超时（在第一次成功通话后）。我以为我可以用 MaximumAge 修复它，但这似乎并没有像它想象的那样工作：

navigator.geolocation.getCurrentPosition(successCallback, errorCallback,  {maximumAge:60000, timeout: 2000});

如果您在 60 秒内调用 getCurrentPosition 函数，这应该会阻止实际调用 getCurrentPosition 函数，但它会忽略这一点（但是，这可能是因为我实际上刷新了页面以触发第二个调用，不确定这是否是跨调用的持久性）

顺便说一句，甚至google 的示例 在这些浏览器上失败，这让我相信这确实是浏览器错误，尝试一下，在 Safari 中加载两次，但它不起作用第二次。

如果有人找到解决方案，请告诉我:-)

干杯。

Answer 6

您不会收到错误消息，因为默认情况下它没有超时（至少我认为）。我在 Firefox 中也遇到过同样的问题，只是对我来说，Firefox 总是超时。您可以像这样自己设置超时。

我的函数在 Chrome 中运行良好，但在 Firefox 中每次都会超时。

    navigator.geolocation.getCurrentPosition(
        function(position) {
            //do succes handling
        },
        function errorCallback(error) {
            //do error handling
        },
        {
            timeout:5000
        }
    );

我建议仔细观​​察你的错误。对一切都抱有期待。为所有事情制定一个备份计划。我自己使用一些默认值或数据库中的值，以防谷歌地理位置和导航器地理位置失败。

Answer 7

我会将其发布在这里，以防它对任何人有用...

在 iOS Safari 上，如果我有一个活动的 navigator.geolocation.watchPosition，对 navigator.geolocation.getCurrentPosition 的调用将会超时功能运行。

按照此处所述使用 clearWatch() 正确启动和停止 watchPosition 有效：https://developer.mozilla.org/en-US/docs/Web/API/Geolocation/watchPosition

Answer 8

2017 年我的结果仍然参差不齐，我有一个理论： API 文档 表示该调用现在只能“在安全上下文中”使用，即通过 HTTPS。我在我的开发环境（本地主机上的 http）中无法获得结果，我相信这就是原因。

Answer 9

这是我的解决方案，感谢闭包：

  function geoloc(success, fail){
    var is_echo = false;
    if(navigator && navigator.geolocation) {
      navigator.geolocation.getCurrentPosition(
        function(pos) {
          if (is_echo){ return; }
          is_echo = true;
          success(pos.coords.latitude,pos.coords.longitude);
        }, 
        function() {
          if (is_echo){ return; }
          is_echo = true;
          fail();
        }
      );
    } else {
      fail();
    }
  }

  function success(lat, lng){
    alert(lat + " , " + lng);
  }
  function fail(){
    alert("failed");
  }

  geoloc(success, fail);

Answer 10

截至 2020 年中期，这里的答案都没有提供任何解释，只是黑客攻击或猜测。

正如 @Coderer 在我之前指出的那样，如今需要安全上下文 (https)，​​因此在越来越多的设备上，地理定位根本无法使用纯 http：

安全上下文
此功能仅在安全上下文 (HTTPS) 中以及部分或所有支持的浏览器中可用。

getCurrentPosition() 的第三个参数（以及更适合这里的 watchPosition()）是 PositionOptions 对象包含以下属性：

• enableHighAccurancy（默认 false）：如果设置为 true，响应速度会变慢，并且更准确。如果出现超时错误，请将其保留为 false。如果精度较低，请将其设置为 true。在我的测试中，准确度有所不同，并且在某些设备上有没有效果。在其他设备上设置 true 可能会导致电池电量消耗得惊人地快。
• timeout（默认无穷大）：API 放弃并调用错误处理程序之前的毫秒数（第二个参数）。如今，大多数启用了地理定位并授予浏览器/页面权限的移动设备都会在一秒钟内以合理的精度获取该值。当地理定位服务不可用时，可以使用geo IP等替代方法，延迟可能会很多秒，并且精度通常从有问题到无用。
• maximumAge（默认 0）：缓存值有效时的毫秒数，设备可能决定使用有效的缓存数据而不是传感器测量。我通常使用缓慢移动的设备（例如带着手机行走）将其设置为非零值。在静态设备上，可以设置 Infinity 以避免随之而来的读取错误。

正如 @YoLoCo 在我之前指出的那样，getCurrentPosition() 和 watchPosition() 会产生干扰，我在 2020 年确认了他的结果。通常，使用 watchPosition 而不是 getCurrentPosition 定期调用。

Answer 11

所以我遇到了同样的事情。我尝试了超时解决方案，该解决方案有效但不可靠。我发现如果你只调用它两次，位置就会正确刷新，

function getLocation(callback)
{   
    if(navigator.geolocation)
    {
        navigator.geolocation.getCurrentPosition(function(position)
        {
            navigator.geolocation.getCurrentPosition(callback, function(){},{maximumAge:0, timeout:10000});
        },function(){}, {maximumAge:0, timeout:10000});
    }
    return true;
}

这当然会慢一点，但我还没有让它给我一次错误的位置。我已经让它超时了几次并且没有返回任何东西，但除此之外它工作得很好。我知道这仍然有点棘手，我期待有人找到真正的解决方案。

或者，如果你想确保它会继续尝试，直到你想放弃，你可以尝试这样的事情。

//example
$(document).ready(function(){
    getLocation(function(position){
        //do something cool with position
        console.log(position);
    });
});


var GPSTimeout = 10; //init global var NOTE: I noticed that 10 gives me the quickest result but play around with this number to your own liking


//function to be called where you want the location with the callback(position)
function getLocation(callback)
{   
    if(navigator.geolocation)
    {
        var clickedTime = (new Date()).getTime(); //get the current time
        GPSTimeout = 10; //reset the timeout just in case you call it more then once
        ensurePosition(callback, clickedTime); //call recursive function to get position
    }
    return true;
}

//recursive position function
function ensurePosition(callback, timestamp)
{
    if(GPSTimeout < 6000)//set at what point you want to just give up
    {
        //call the geolocation function
        navigator.geolocation.getCurrentPosition(
            function(position) //on success
        {
                //if the timestamp that is returned minus the time that was set when called is greater then 0 the position is up to date
            if(position.timestamp - timestamp >= 0)
                {
                    GPSTimeout = 10; //reset timeout just in case
                    callback(position); //call the callback function you created
                }
                else //the gps that was returned is not current and needs to be refreshed
                {
                    GPSTimeout += GPSTimeout; //increase the timeout by itself n*2
                    ensurePosition(callback, timestamp); //call itself to refresh
                }
            },
            function() //error: gps failed so we will try again
            {
                GPSTimeout += GPSTimeout; //increase the timeout by itself n*2
                ensurePosition(callback, timestamp);//call itself to try again
            },
            {maximumAge:0, timeout:GPSTimeout}
        )
    }       
}

我这里可能有一些打字错误和拼写错误，但我希望你能明白。如果有人有疑问或者有人找到更好的东西，请告诉我。

Answer 12

对于任何使用 iPhone 应用程序的人...

如果您的代码在 iOS 9+ 上的 UIWebView 中运行，则必须在应用程序的 plist 中设置 NSLocationWhenInUseUsageDescription。

如果您不设置它，则 getCurrentPosition 将永远不会回调，也永远不会提示用户。

Answer 13

第二个参数传递给 Geolocation.getCurrentPosition()是您要处理任何地理位置错误的函数。错误处理函数本身接收 PositionError 对象，其中包含有关地理定位尝试失败原因的详细信息。如果您有任何问题，我建议将错误输出到控制台：

var positionOptions = { timeout: 10000 };
navigator.geolocation.getCurrentPosition(updateLocation, errorHandler, positionOptions);
function updateLocation(position) {
  // The geolocation succeeded, and the position is available
}
function errorHandler(positionError) {
  if (window.console) {
    console.log(positionError);
  }
}

在我的代码中执行此操作会显示消息“网络位置提供程序位于 ' https://www.googleapis.com/'：返回错误代码 400”。事实证明，Google Chrome 使用 Google API 在没有内置 GPS 的设备（例如，大多数台式计算机）上获取位置。 Google 根据用户的 IP 地址返回大致的纬度/经度。 但是，在 Chrome 的开发人员版本（例如 Ubuntu 上的 Chromium）中，浏览器版本中不包含 API 访问密钥。这会导致 API 请求静默失败。有关详细信息，请参阅 Chromium 问题 179686：地理位置给出 403 错误。

Answer 14

我一直遇到类似的问题，并且一直在研究浏览器对调用 getCurrentPosition 的频率是否有限制的可能性。似乎我经常可以获取位置，但如果我立即刷新页面，就会超时。如果我稍等一下，通常可以再次找到位置。这通常发生在 FF 上。在 Chrome 和 Safari 中，我还没有注意到 getCurrentPosition 超时。只是一个想法......

虽然我找不到任何文档来支持这一点，但这是我经过多次测试后得出的结论。也许其他人有一些相关信息？

Answer 15

我终于找到了 Firefox、Chrome 和 Chrome 的工作版本。 android 中的默认导航器（仅测试 4.2）：

function getGeoLocation() {
        var options = null;
        if (navigator.geolocation) {
            if (browserChrome) //set this var looking for Chrome un user-agent header
                options={enableHighAccuracy: false, maximumAge: 15000, timeout: 30000};
            else
                options={maximumAge:Infinity, timeout:0};
            navigator.geolocation.getCurrentPosition(getGeoLocationCallback,
                    getGeoLocationErrorCallback,
                   options);
        }
    }

Answer 16

我在 Mozilla 中遇到这个问题。始终：错误：获取位置时发生未知错误。

现在我使用的是 47 Mozilla。我已经尝试了一切，但一直都是这个问题。 但是然后我在地址栏中打开about:config，转到geo.wifi.ui并将其值更改为“https://location.services.mozilla.com/v1/geolocate?key=test" 。作品！

如果您出现位置获取超时错误，请尝试增加超时值：

var options = {
  enableHighAccuracy: true,
  timeout: 5000,
  maximumAge: 0       
};
navigator.geolocation.getCurrentPosition(success, error, options);

Answer 17

我发现，这种方式行不通

navigator.geolocation.getCurrentPosition(function() {...}, function(err) {...}, {});

但是

这种方式工作完美

function storeCoordinates(position) {
    console.log(position.coords.latitude, position.coords.longitude);
}    

function errorHandler() {...}

navigator.geolocation.getCurrentPosition(storeCoordinates, errorHandler, { enableHighAccuracy: true, timeout: 20000, maximumAge: 0 });

Answer 18

@brennanyoung 的回答很好，但如果您想知道在失败的情况下该怎么做，您可以使用 IP 地理定位 API，例如 https: //ipinfo.io（这是我的服务）。下面是一个示例：

function do_something(coords) {
    // Do something with the coords here
    // eg. show the user on a map, or customize
    // the site contents somehow
}

navigator.geolocation.getCurrentPosition(function(position) { 
    do_something(position.coords);
    },
    function(failure) {
        $.getJSON('https://ipinfo.io/geo', function(response) { 
        var loc = response.loc.split(',');
        var coords = {
            latitude: loc[0],
            longitude: loc[1]
        };
        do_something(coords);
        });  
    };
});

请参阅 https://ipinfo.io/developers/replacing-getcurrentposition 了解更多信息细节。

Answer 19

在我们的例子中，它第一次总是有效，但重新运行该函数超过 3-4 次，它就会失败。

简单的解决方法：将其值存储在 LocalStorage 中。

之前：

navigator.geolocation.getCurrentPosition((position) => {
  let val = results[0].address_components[2].long_name;
  doSthWithVal(val);      
}, (error) => { });

之后：

if(localStorage.getItem('getCurrentPosition') !== null) {
  doSthWithVal(localStorage.getItem('getCurrentPosition'));
}
else {
  navigator.geolocation.getCurrentPosition((position) => {
      let val = results[0].address_components[2].long_name;
      localStorage.setItem('getCurrentPosition',val);
      doSthWithVal(val);      
  }, (error) => { });
}

Answer 20

我最近自己注意到了这个问题，我不确定它是如何发生的，但有时 Firefox 会卡在缓存中加载的某些内容上。清除缓存并重新启动 Firefox 后，它似乎可以再次运行。

Answer 21

感谢大家的意见，这对我很有帮助。

除了必须使用 watchPosition() 而不是 getCurrentPosition() 之外，我还发现我需要将调用从 document.ready() 中移至头部。

Answer 22

我在使用 Firefox 的响应式设计模式时就遇到过这种情况。已提交错误报告。目前，在使用 Geolocation API 时不要使用响应式设计模式。

Answer 23

可能它对某些人有帮助，在 Android 上我遇到了同样的问题，但我通过使用解决了这个问题
设置超时
里面
文档准备就绪
所以它对我有用其次你必须增加超时以防万一用户在几秒钟后允许他的位置，所以我将其保持为 60000 毫秒（1 分钟），允许如果用户在 1 分钟内单击允许按钮则调用我的成功函数。

Answer 24

此库为地理定位调用添加了desiredAccuracy和maxWait选项，这意味着它将继续尝试获取位置，直到精度在指定范围内。