Uzyskaj lokalizację GPS z przeglądarki internetowej

Question

Pracuję nad stroną mobilną, tam mam zintegrowane Mapy Google, muszę dynamicznie wypełniać pole "Od" w Mapach Google.

Czy można uzyskać lokalizację GPS z poziomu przeglądarki internetowej i dynamicznie wypełnić pole "Od" na mapie Google?

Answer 1

Istnieje GeoLocation API, ale obsługa przeglądarki jest obecnie dość cienka. Większość witryn, które dbają o takie rzeczy, korzysta z bazy danych GeoIP (z typowymi zastrzeżeniami dotyczącymi niedokładności takiego systemu). Możesz również spojrzeć na usługi stron trzecich wymagające współpracy użytkownika, takie jak FireEagle.

Answer 2

Jeśli używasz Geolocation API, byłoby to tak proste, jak użycie poniższego kodu.

navigator.geolocation.getCurrentPosition(function(location) { 
    console.log(location.coords.latitude); 
    console.log(location.coords.longitude); 
    console.log(location.coords.accuracy); 
}); 

Możesz również być w stanie używać Google's Client Location API.

Ten problem omówiono w artykule Is it possible to detect a mobile browser's GPS location? i Get position data from mobile browser. Możesz tam znaleźć więcej informacji.

Answer 3

Zobacz dyskusję How to get GPS coordinates in the browser

Nie masz link do przykładowej aplikacji Where Am I? który działa na urządzeniach mobilnych. Przetestowałem to na moim Androidzie i uruchomiłem moduł GPS, by uzyskać bieżące współrzędne. Możesz przeanalizować źródło na żywym przykładzie.

Zrobiłem kod QR dla szybkiego dostępu z telefonów komórkowych:

Answer 4

Aby nadać nieco bardziej konkretną odpowiedź. HTML5 pozwala uzyskać współrzędne geograficzne i wykonuje całkiem przyzwoitą pracę. Ogólnie obsługa geolokalizacji przeglądarki jest całkiem dobra, wszystkie główne przeglądarki oprócz ie7 i ie8 (i mini opera). IE9 wykonuje zadanie, ale jest najgorszym wykonawcą. Zamówienie caniuse.com:

http://caniuse.com/#search=geol

także trzeba zgody swojej użytkownikowi dostęp do ich lokalizacji, więc upewnij się, że to sprawdzić i dać kilka przyzwoitych instrukcji w przypadku, gdy jest wyłączony. Zwłaszcza dla iPhone'a uprawnienia do włączania dla Safari są nieco uciążliwe.

Answer 5

Użyj tego, a znajdziesz wszystkie informacje na http://www.w3schools.com/html/html5_geolocation.asp

<script> 
var x = document.getElementById("demo"); 
function getLocation() { 
    if (navigator.geolocation) { 
     navigator.geolocation.getCurrentPosition(showPosition); 
    } else { 
     x.innerHTML = "Geolocation is not supported by this browser."; 
    } 
} 
function showPosition(position) { 
    x.innerHTML = "Latitude: " + position.coords.latitude + 
    "<br>Longitude: " + position.coords.longitude; 
} 
</script>