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

2020/10/13 13:41 · javascript ·  · 0评论

因此,我使用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

基本上,这里发生的是我们获得当前位置,如果获得了当前位置,则将两个“水印”放置在两个表示“当前位置”的字段中,并使用经纬度数据作为其值来创建两个隐藏字段(将它们删除)一开始就不会重复)。还有两个按钮具有绑定在一起的单击功能,它们执行相同的操作。不幸的是,它每隔三分一次就起作用了。这是什么问题???

我遇到了完全相同的问题,并且几乎没有关于它的在线信息。书中什么都没有。最终,我发现了这个关于stackoverflow的清醒查询,这是我在这里设置帐户所需的最终动力。

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

首先,认识到getCurrentPosition默认超时无限的(!)。这意味着如果getCurrentPosition挂在后端某处,则将永远不会调用您的错误处理程序

为了确保超时,请将可选的第三个参数添加到对getCurrentPosition的调用中,例如,如果您希望用户等待不超过10秒,然后再给他们提供线索,请使用:

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

其次,我在不同情况下经历了完全不同的可靠性。在家里,尽管准确性很差,但我在一两秒钟内收到了回调。

但是,在工作中,我会遇到非常奇怪的行为变化:地理位置始终在某些计算机上工作(当然,IE除外),其他人只能在chrome和safari中工作,而不能在Firefox中工作(壁虎问题?),其他人工作一次,然后再工作失败-模式每天都在每小时之间变化。有时您有一台“幸运”计算机,有时却没有。也许在满月时宰杀山羊会有所帮助?

我无法理解这一点,但是我怀疑后端基础设施比推动该功能的各种gung-ho书和网站所宣传的更加不平衡如果您希望错误处理程序正常工作,我真的希望他们能更直接地了解此功能的实用性以及超时设置的重要性

我今天一直在尝试向学生讲这些东西,而令人尴尬的情况是我自己的计算机(在投影仪和几个大屏幕上)无声地出现故障,而大约80%的学生几乎立即获得了结果(使用完全相同的无线网络)。当我的学生也犯错字和其他错误,并且我自己的电脑也出现故障时,解决这些问题非常困难。

无论如何,我希望这对你们中的一些人有所帮助。感谢您的健全性检查!

这是我解决这个问题的一种方法,至少在所有当前的浏览器中都可以使用(在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();
}

如果有人在Fi​​refox上单击关闭或不选择或选择从不共享选项,这也将起作用。

笨拙,但有效。

每次都对我有用:

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

虽然不是很准确。有趣的是,如果我在同一台设备上运行它,它将使我离开大约100米(每次),但是如果我去Google的地图,它将准确地找到我的位置。因此,尽管我认为enableHighAccuracy:true可以帮助其始终如一地工作,但似乎并没有使其更加准确...

这已经是一个古老的问题,但是所有答案都不能解决我的问题,因此让我们添加我终于找到的问题。它闻起来像是hack(确实是一个),但是在我的情况下始终有效。也希望在您的情况下。

//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
});

同样的人,这在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函数,这应该可以防止实际调用它,但是它会忽略此操作(但是,这可能是由于我实际上刷新页面以触发第二个调用,不确定这是否是持久的跨调用)

顺便说一句,即使google的示例在这些浏览器上都失败了,这使我相信这确实是浏览器的错误,请尝试一下,在Safari中加载两次,第二次将无法使用。

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

干杯。

您不会收到错误消息,因为默认情况下它没有超时(至少我认为)。我对firefox也有同样的问题,仅对我来说firefox总是超时。您可以这样设置自己的超时时间。

我的功能在chrome中效果很好,但是每次在Firefox中都会超时。

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

我建议您仔细观察您的错误。期望一切。有一切的备份计划。我会自己使用一些默认值或数据库中的值,以防google地理位置和导航器地理位置都失败。

如果对任何人有用,我将在此处发布...

在iOS Safari上,navigator.geolocation.getCurrentPosition如果我navigator.geolocation.watchPosition正在运行活动函数,则对的调用将超时

按此处所述启动和停止watchPosition正确使用的clearWatch()方法起作用了:https : //developer.mozilla.org/en-US/docs/Web/API/Geolocation/watchPosition

我在2017年的结果仍然参差不齐,而且我有一个理论:API文档说,该调用现在仅在“安全上下文”中可用,即通过HTTPS。我在开发环境(本地主机上的http)上无法获得结果,我相信这就是原因。

这是我的解决方案,感谢闭包:

  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);

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

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}
        )
    }       
}

我可能在这里遇到一些打字错误和一些拼写错误,但希望您能明白。让我知道是否有人有疑问或是否有人觉得更好。

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

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

如果未设置,则getCurrentPosition永远不会回叫,也永远不会提示用户。

@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

我遇到过类似的问题,并且一直在研究浏览器是否有限制getCurrentPosition调用频率的可能性。看来我经常可以找到一个位置,但是如果我立即刷新页面,它将超时。如果我稍等一下,通常可以再次找到一个位置。FF通常会发生这种情况。在Chrome和Safari中,我尚未注意到getCurrentPosition超时。只是一个想法...

尽管我找不到任何文档来支持此操作,但这是经过大量测试后得出的结论。也许其他人对此有一些了解?

我终于在android中找到了适用于Firefox,Chrome和默认导航器的工作版本(仅测试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);
        }
    }

传递给第二个参数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 API在未内置GPS的设备(例如,大多数台式计算机)上获取位置。Google会根据用户的IP地址返回近似的纬度/经度。但是,在Chrome开发人员版本(例如Ubuntu上的Chromium)中,浏览器版本中没有API访问密钥。这将导致API请求静默失败。有关详细信息,请参见Chromium问题179686:地理定位给出403错误

我发现这种方式行不通

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 });

我在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);

getCurrentPosition失败时,将IP地址地理位置服务用作回退方法可能是一个好主意例如我们的api https://ip-api.io

$.getJSON("http://ip-api.io/json/",
    function(result) {
        console.log(result);
    });

在我们的情况下,它始终是第一次运行,但是将功能重新运行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) => { });
}

截至2020年中,此处的答案均未提供任何解释,仅是黑客或猜测。

正如@Coderer在我面前指出的那样,今天需要安全上下文(https),因此在越来越多的设备上使用纯http根本无法进行地理位置定位:

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

的第三个参数getCurrentPosition()watchPosition()在这里更合适)是由以下属性组成的PositionOptions对象:

  • enableHighAccurancy(默认值为false):如果设置为true,则响应速度会更慢且更准确。如果发生超时错误,请将其保留为false。如果精度较低,则将其设置为true。在我的测试中,延迟为1秒,精度为1-2米,在UMAX平板电脑上,真假之间没有区别。如果设置为false,我也在5米振动的旧版iPhone上进行了测试。您还可以在GeolocationCoordinates.accurancy属性中测量准确性并动态决定。
  • timeout(默认无穷大):API放弃并调用错误处理程序(第二个参数)之前的毫秒数。如今,5分(5000)是合理的,在某些情况下10分可以理解。如果您在没有地理位置传感器数据的情况下想要拥有计划B,则很有用。
  • maximumAge(默认值0):缓存值有效时的毫秒数,设备可能会决定使用有效的缓存数据而不是传感器量度。在静态位置将此值设置为Infinity,否则保持为0。

正如@YoLoCo在我面前指出的那样,getCurrentPosition()进行watchPosition()干预,并在2020年确认了他的结果。通常,使用watchPosition代替getCurrentPosition定期调用。

我最近亲自发现了这个问题,我不确定它是怎么发生的,但是有时Firefox会卡在缓存中加载的内容上。清除缓存并重新启动firefox之后,它似乎又可以工作了。

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

感谢大家的投入,这对我有所帮助。

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

使用Firefox的自适应设计模式时,这发生在我身上。已经提交了一个错误报告目前,仅在使用Geolocation API时不要使用自适应设计模式。

可能对某些人有所帮助,但在Android上我也遇到了同样的问题,但是我通过setTimeout
内部
使用解决了问题,
document.ready
因此它对我有用。第二,您必须增加超时时间,以防万一用户在几秒钟后允许其位置,那么我将其保留为60000毫秒(1分钟),如果用户在1分钟内单击允许按钮,则可以调用我的成功功能。

本文地址:http://javascript.askforanswer.com/navigator-geolocation-getcurrentpositionyoushiyouxiaoyoushiquewuxiao.html
文章标签: ,   ,  
版权声明:本文为原创文章,版权归 javascript 所有,欢迎分享本文,转载请保留出处!

文件下载

老薛主机终身7折优惠码boke112

上一篇:
下一篇:

评论已关闭!