Obter a localização do GPS no navegador da web

Estou desenvolvendo um site para celular, onde integrei o Google Maps, preciso preencher o campo 'De' do Google Maps dinamicamente.

É possível obter a localização GPS do navegador da web e preenchê-la no campo 'De' de um mapa do Google dinamicamente?

Se você usar a API de geolocalização , seria tão simples quanto usar o código a seguir.

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

Você também pode usar a API de localização do cliente do Google .

Este problema foi discutido em É possível detectar a localização GPS de um navegador móvel? e obter dados de posição de navegador móvel . Você pode encontrar mais informações lá.

Para dar uma resposta um pouco mais específica. O HTML5 permite que você obtenha as coordenadas geográficas e faz um trabalho bastante decente. No geral, o suporte ao navegador para geolocalização é muito bom, todos os principais navegadores, exceto ie7 e ie8 (e opera mini). O IE9 faz o trabalho, mas é o pior desempenho. Caixa caniuse.com:

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

Além disso, você precisa da aprovação do usuário para acessar sua localização, portanto, verifique isso e dê algumas instruções decentes, caso esteja desativado. Especialmente para Iphone, ativar as permissões para o Safari é um pouco complicado.

Use isso e você encontrará todas as informações em 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>

Existe a API GeoLocation , mas o suporte ao navegador é bastante limitado no momento. A maioria dos sites que se preocupam com essas coisas usa um banco de dados GeoIP (com as condições usuais sobre a imprecisão desse sistema). Você também pode procurar serviços de terceiros que exijam cooperação do usuário, como o FireEagle .

Observável

/*
  function geo_success(position) {
    do_something(position.coords.latitude, position.coords.longitude);
  }

  function geo_error() {
    alert("Sorry, no position available.");
  }

  var geo_options = {
    enableHighAccuracy: true,
    maximumAge        : 30000,
    timeout           : 27000
  };

  var wpid = navigator.geolocation.watchPosition(geo_success, geo_error, geo_options);
  */
  getLocation(): Observable<Position> {
    return Observable.create((observer) => {
      const watchID = navigator.geolocation.watchPosition((position: Position) => {
        observer.next(position);
      });
      return () => {
        navigator.geolocation.clearWatch(watchID);
      };
    });
  }

  ngOnDestroy() {
    this.sub.unsubscribe();
  }

Vamos usar as mais recentes funções de seta gorda :

navigator.geolocation.getCurrentPosition((loc) => {
  console.log('The location in lat lon format is: [', loc.coords.latitude, ',', loc.coords.longitude, ']');
})