Навігація navigator.geolocation.getCurrentPosition іноді працює

Тож у мене є досить простий біт JS за допомогою варення Navigator.geolocation.getCurrentPosition.

$(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

В основному, що відбувається тут, ми отримуємо поточну позицію, якщо вона отримана, два "водяні знаки" розміщуються в двох полях, що кажуть "Поточна позиція", і два приховані поля створюються з даними lat-long як їх значення (вони видаляються на початку, щоб вони не дублювалися щоразу). Також є дві кнопки, на яких прив’язана функція клацання, яка робить те саме. На жаль, кожен третій раз так працює. У чому тут проблема ???

У мене виникли точно такі самі проблеми, і в Інтернеті майже не було інформації про це. Нічого в книгах. Нарешті я знайшов цей тверезий запит на stackoverflow і (га!) Це був остаточний поштовх, який мені знадобився для створення тут облікового запису.

У мене є часткова відповідь, але, на жаль, не повна.

Перш за все, зрозумійте, що час за замовчуванням для getCurrentPosition нескінченний (!). Це означає, що ваш обробник помилок ніколи не буде викликаний, якщо getCurrentPosition висить десь на задньому кінці.

Щоб переконатися, що ви отримаєте тайм-аут, додайте необов'язковий третій параметр у свій дзвінок до getCurrentPosition, наприклад, якщо ви хочете, щоб користувач чекав не більше 10 секунд, перш ніж дати їм зрозуміти, що відбувається, скористайтеся:

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

По-друге, я відчував зовсім іншу надійність у різних контекстах. Тут, вдома, я отримую зворотний дзвінок протягом секунди чи двох, хоча точність погана.

На роботі, однак, я відчуваю досить химерні зміни в поведінці: Геолокація працює на деяких комп’ютерах постійно (звичайно, IE виключається), інші працюють лише в хромі та сафарі, але не в firefox (проблема gecko?), Інші працюють один раз, потім згодом. невдача - і шаблон змінюється з години на годину, з дня на день. Іноді у вас є "щасливий" комп'ютер, іноді - ні. Можливо, забій козлів у повний місяць допоможе?

Я не зміг це зрозуміти, але підозрюю, що інфраструктура заднього кінця є більш нерівною, ніж рекламована в різних книгах і веб-сайтах, які наполягають на цій функції. Я дуже хотів би, щоб вони були трохи зрозумілішими, наскільки ця функція нестабільна, і наскільки важливим є цей час, якщо ви хочете, щоб обробник помилок працював належним чином .

Я сьогодні намагався навчити цього матеріалу студентам, і в мене була неприємна ситуація, коли мій власний комп’ютер (на проекторі та декількох великих екранах) мовчав невдало, тоді як приблизно 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();
}

Це також буде спрацьовувати, якщо хтось натискає кнопку "Закрити", або вибирає "ні", або вибирає опцію "Ніколи не поділяти" на 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
});

Це ж тут люди, це ідеально підходить для Chrome (стабільний, розробник та канарка), тільки не у FF та Safari. Він також ідеально працює на моєму iPhone та iPad (Safari!). Це може бути пов'язано з відносною новизною цієї функції (тобто, це помилка). Я витрачаю майже тиждень на це зараз, і я просто не можу змусити його працювати над цими браузерами

Ось що я знайшов:

Перший раз, коли ви телефонуєте getCurrentPosition, він працює ідеально. Будь-який наступний виклик ніколи не повертається, тобто він не запускає функцію successCallback або errorCallback. Я додав кілька варіантів позиції до свого дзвінка, щоб довести свою думку:

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

і час проходить час кожного разу (після першого успішного дзвінка). Я думав, що можу це виправити за допомогою максимального віку, але це, здається, не працює, як це передбачається:

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

це повинно запобігти фактичному виклику функції getCurrentPosition, якщо ви зателефонуєте їй протягом 60 секунд, але вона ігнорує це (однак, це може бути пов’язано з тим, що я фактично оновлюю свою сторінку, щоб викликати другий виклик, не впевнений, чи це постійні невмілі дзвінки)

btw, навіть приклади Google провалюються в цих браузерах, що призводить мене до думки, що це справді помилки браузера, спробуйте, завантажте його двічі в Safari, і він не працюватиме вдруге.

Якщо хтось знайде рішення для цього, будь ласка, повідомте мене :-)

Ура.

Ви не отримуєте повідомлення про помилку, оскільки воно за замовчуванням не має тайм-ауту (принаймні, я думаю). У мене була однакова проблема з firefox, тільки для мене firefox завжди дає тайм-аут. Ви можете встановити тайм-аут собі таким чином.

Моя функція чудово працює в хромі, але я отримую тайм-аут щоразу в Firefox.

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

Рекомендую уважно стежити за своїми помилками. Очікуйте на все. Майте резервний план на все. Я використовую деякі значення або значення за замовчуванням з моєї бази даних у випадку, коли і геолокації google, і геолокації навігатора не вдається.

Я все ще отримую плямисті результати в 2017 році, і я маю теорію: документація API говорить, що виклик тепер доступний лише "в безпечному контексті", тобто через HTTPS. У мене виникають проблеми з отриманням результату в моєму середовищі розробки (http on localhost), і я вважаю, що саме тому.

Я опублікую це тут на випадок, якщо це комусь корисно…

У 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 ...

Якщо ваш код працює в UIWebView на iOS 9+, то його потрібно встановити NSLocationWhenInUseUsageDescription в списку додатків.

Якщо ви не встановите його, то 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 чудова, але якщо вам цікаво, що робити у випадку відмови, ви можете скористатися API геолокації IP, наприклад 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. Здається, я часто можу знайти місце, але якщо я оновлю сторінку одразу, час закінчиться. Якщо я трохи зачекаю, зазвичай можу знову отримати місце розташування. Зазвичай це відбувається з ФФ. У Chrome та Safari я ще не помітив терміни виходу поточногоPosition. Просто думка...

Хоча я не можу знайти жодної документації, яка б це підтвердила, це було висновком, до якого я прийшов після довгого тестування. Можливо, хтось інший має якусь інформацію про це?

Нарешті я знайшов працюючу версію для навігатора Firefox, 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);
        }
    }

Другий параметр, який передається, 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 використовує API Google, щоб отримати місцезнаходження на пристроях, де немає вбудованого GPS (наприклад, на більшості настільних комп'ютерів). Google повертає приблизну широту / довготу на основі IP-адреси користувача. Однак у розробниках Chrome (наприклад, Chromium на Ubuntu) немає ключа доступу API, що входить у збірку браузера. Це призводить до того, що запит API мовчки не працює. Докладніше див. Chromium Issue 179686: Геолокація, що дає помилку 403 .

У мене в Mozilla ця проблема. Весь час: Помилка: Невідома помилка в отриманні позиції .

Зараз я використовую 47 Mozilla. Я все пробував, але весь час ця проблема. АЛЕ потім я відкриваю про: 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);

Можливо, було б корисно використовувати послугу геолокації IP-адреси як резервний метод, коли getCurrentPositionне вдалося . Наприклад, з нашим 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) => { });
}

Я нещодавно я помітив цю проблему, і я не впевнений, як вона виникає, але, здається, іноді Firefox застрягає на чомусь завантаженому в кеш. Після очищення кешу та перезавантаження Firefox, здається, він знову функціонує.

Ця бібліотека додає параметр бажаної акуратності та maxWait до викликів геолокації, а це означає, що вона буде намагатися отримати позицію, поки точність не буде у визначеному діапазоні.

Дякую всім за їх внесок, це мені допомогло.

Окрім того, що потрібно використовувати watchPosition () замість getCurrentPosition (), я також виявив, що мені потрібно перенести виклик з документа document.ready () в голову.

Це сталося зі мною під час використання режиму чуйного дизайну Firefox. Подано звіт про помилку . Наразі просто не використовуйте режим адаптивного дизайну під час використання API геолокації.

Можливо, це допоможе комусь, на Android у мене була така ж проблема, але я зрозумів це, використовуючи setTimeout всередині, document.readyтак що він працював на мене, по-друге, ви повинні збільшити час очікування, якщо користувач дозволить своє місцезнаходження через кілька секунд, тому я тримав його до 60000 мілі секунд (1 хвилина), що дозволяє моїй функції успіху дзвонити, якщо користувач натисне кнопку дозволу протягом 1 хвилини.