navigator.geolocation.getCurrentPosition이 때때로 작동하지 않는 경우가 있습니다

그래서 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});

둘째, 상황에 따라 상당히 다른 신뢰성을 경험했습니다. 여기서는 정확도가 좋지 않지만 1 ~ 2 초 내에 콜백을받습니다.

그러나 직장에서 나는 행동에있어 매우 기이 한 변화를 경험합니다 : 지리적 위치는 일부 컴퓨터에서는 항상 작동하지만 (IE는 물론 예외), 다른 컴퓨터는 크롬과 사파리에서만 작동하지만 파이어 폭스 (gecko 문제)에서는 작동하지 않습니다. 실패-패턴이 시간마다 시간마다 바뀝니다. 때로는 '운이 좋은'컴퓨터가 있고 때로는 그렇지 않습니다. 아마도 보름달에 염소를 도살하는 것이 도움이 될 것입니까?

나는 이것을 추측 할 수 없었지만, 백엔드 인프라 가이 기능을 추진하는 다양한 궁호 서적과 웹 사이트에 광고 된 것보다 더 고르지 않다고 생각 합니다. 오류 처리기가 제대로 작동하려면 이 기능의 결함과 시간 초과 설정의 중요성 에 대해 조금 더 직설적이기를 바랍니다 .

나는 오늘날 학생들 에게이 물건을 가르치려고 노력했으며 내 컴퓨터 (프로젝터 및 여러 개의 대형 화면)가 조용히 실패한 당황스러운 상황을 보였지만 약 80 %의 학생들이 거의 즉시 결과를 얻었습니다 ( 정확히 동일한 무선 네트워크). 학생들이 오타 및 기타 기포를 만들거나 내 PC가 고장 일 때 이러한 문제를 해결하는 것은 매우 어렵습니다.

어쨌든, 이것이 여러분 중 일부를 돕기를 바랍니다. 위생 검사 감사합니다!

이것은 내가이 문제를 해결하는 해키 방법입니다. 적어도 현재 모든 브라우저에서 작동합니다 (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에서 닫기를 클릭하거나 아니오를 선택하거나 공유 안함 옵션을 선택한 경우에도 작동합니다.

어색하지만 작동합니다.

이것은 매번 나를 위해 작동합니다.

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

매우 정확하지는 않지만. 재미있는 것은 동일한 장치에서이를 실행하면 약 100 미터 (매번) 떨어져 나옵니다. 그러나 Google지도로 가면 내 위치를 정확하게 찾습니다. 따라서 enableHighAccuracy : true가 일관되게 작동하는 데 도움이되지만 더 정확하게 만드는 것은 아닙니다 ...

이것은 이미 오래된 질문이지만 모든 답변으로 문제가 해결되지 않았으므로 마지막으로 찾은 질문을 추가하십시오. 그것은 해킹 냄새가 나고 (하나입니다) 항상 내 상황에서 작동합니다. 당신의 상황에서도 희망하십시오.

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

여기 사람들과 마찬가지로, 이것은 FF와 Safari가 아닌 Chrome (안정적, 개발 및 카나리아)에서 완벽하게 작동합니다. 내 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 함수를 호출하면 실제로 호출 할 수 없지만이를 무시합니다 (그러나 실제로는 페이지를 새로 고침하여 두 번째 호출을 트리거하기 때문에 발생할 수 있습니다. 이는 지속적인 총 호출인지 확실하지 않습니다)

btw, 구글의 예제 조차도이 브라우저에서 실패하여 이것이 실제로 브라우저 버그라고 생각하고, 시도하고, Safari에서 두 번로드하면 두 번째로 작동하지 않습니다.

아무도 이것에 대한 해결책을 찾으면 알려주십시오 :-)

건배.

기본적으로 시간 초과가 없기 때문에 오류 메시지가 표시되지 않습니다 (적어도 생각합니다). 나에게만 firefox와 같은 문제가 있었지만 firefox는 항상 시간 초과를 제공합니다. 이와 같이 시간 초과를 직접 설정할 수 있습니다.

내 기능은 크롬에서 훌륭하게 작동하지만 파이어 폭스에서 매번 시간 초과가 발생합니다.

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

오류를주의 깊게 관찰하는 것이 좋습니다. 모든 것을 기대하십시오. 모든 것을위한 백업 계획을 세우십시오. Google 지리적 위치와 네비게이터 위치 정보가 모두 실패하는 경우 데이터베이스의 일부 기본값 또는 값을 직접 사용합니다.

2017 년에도 여전히 주목할만한 결과가 나오고 있으며 이론에 따르면 API 설명서에 따르면 "보안 컨텍스트에서"즉, HTTPS를 통해서만 호출을 사용할 수 있다고합니다. 개발 환경 (localhost http)에서 결과를 얻는 데 문제가 있으며 이것이 바로 그 이유라고 생각합니다.

누군가에게 유용 할 수 있도록 여기에 게시하겠습니다…

iOS Safari에서 navigator.geolocation.getCurrentPosition활성 navigator.geolocation.watchPosition기능이 실행 중이 면 호출 시간이 초과됩니다 .

여기에 설명 된대로 watchPosition올바르게 사용하여 시작하고 중지 clearWatch()했습니다 : https://developer.mozilla.org/en-US/docs/Web/API/Geolocation/watchPosition

폐쇄 덕분에 내 솔루션은 다음과 같습니다.

  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다시 전화를 걸지 않으며 사용자에게 메시지가 표시되지 않습니다.

나는이 방법으로 작동하지 않는 것을 발견

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

@ brennanyoung의 대답은 훌륭하지만 실패 한 경우 어떻게 해야할지 궁금하다면 https://ipinfo.io (내 서비스) 와 같은 IP 지리적 위치 API를 사용할 수 있습니다 . 예를 들면 다음과 같습니다.

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 시간이 초과되는 것을 아직 알지 못했습니다. 그냥 생각 ...

이것을 뒷받침하는 문서를 찾을 수는 없지만 많은 테스트를 거친 후에 결론을 얻었습니다. 아마도 다른 누군가가 그것에 대한 정보를 가지고 있습니까?

마침내 안드로이드에서 파이어 폭스, 크롬 및 기본 네비게이터의 작동 버전을 찾았습니다 (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을 반환 했습니다."라는 메시지가 나타납니다 . Chrome은 Google API를 사용하여 GPS가 내장되지 않은 기기 (예 : 대부분의 데스크톱 컴퓨터)에서 위치를 가져옵니다. Google은 사용자의 IP 주소를 기준으로 대략적인 위도 / 경도를 반환합니다. 그러나 Chrome의 개발자 빌드 (예 : Ubuntu의 Chromium)에는 브라우저 빌드에 API 액세스 키가 포함되어 있지 않습니다. 이로 인해 API 요청이 자동으로 실패합니다. 자세한 내용은 Chromium 문제 179686 : 위치 정보 제공 403 오류 를 참조하십시오.

Mozilla에서이 문제가 있습니다. 항상 : 오류 : 위치를 알 수없는 오류가 발생했습니다 .

이제 47 Mozilla를 사용하고 있습니다. 나는 모든 것을 시도했지만 항상이 문제를 해결했습니다. 하지만 그때 나는 열 설정 :에 대해 , 내 addsress 표시 줄에 이동 geo.wifi.ui을 하고 "가치 변화 https://location.services.mozilla.com/v1/geolocate?key=test ". 공장!

u는 경우 위치 포착 시간이 초과 오류, 시간 제한 값을 증가하려고 :

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

나는 최근 에이 문제를 스스로 발견했으며 어떻게 발생했는지 잘 모르겠지만 때로는 파이어 폭스가 캐시에로드 된 무언가에 붙어있는 것처럼 보일 것입니다. 캐시를 지우고 파이어 폭스를 다시 시작하면 다시 작동하는 것처럼 보입니다.

이 라이브러리 는 원하는 위치 정확도 및 maxWait 옵션을 지리적 위치 호출에 추가합니다. 즉, 정확도가 지정된 범위 내에있을 때까지 위치를 계속 확보하려고합니다.

의견을 주신 모든 분들께 감사드립니다.

getCurrentPosition () 대신 watchPosition ()을 사용해야하는 것 외에도 document.ready () 내에서 헤드로 호출을 이동해야한다는 것도 알게되었습니다.

Firefox의 반응 형 디자인 모드를 사용할 때 이런 일이 발생했습니다. 가 발생했습니다 버그 리포트 제출했다. 현재는 Geolocation API를 사용하는 동안 반응 형 디자인 모드를 사용하지 마십시오.

그것은 하나를 도울 수 있습니다 .Android에서 동일한 문제가 있었지만 setTimeout 내부 를 사용하여 알아 냈습니다 document.ready . 두 번째로 효과가있었습니다. 사용자가 몇 초 후에 자신의 위치를 ​​허용하는 경우를 대비하여 시간 초과를 늘려야하므로 60000으로 유지했습니다. 사용자가 1 분 이내에 허용 버튼을 클릭하면 성공 함수가 호출되도록 밀리 초 (1 분).