Guardando variables fuera de navigator.geolocation.getCurrentPosition? (Javascript)

Question

Estoy tratando de jugar con el alcance de JS para tirar de una variable de navigator.geolocation.getCurrentPosition

var lat; 
function callback (position) { 
    lat = position.coords.latitude; 
} 
navigator.geolocation.getCurrentPosition(callback,fail,{timeout:10000}); 
// after getCurrentPosition succeeds 
alert(lat); // this alerts null 

El código anterior no se puede almacenar en la variable position.coords.latitude lat debido el alcance ¿Hay alguna forma de hacer esto?

Answer 1

Tienes que recordar la naturaleza async \ ajax.

este es el orden de ejecución de su código:

var lat; 
alert(lat); // this alerts null 
navigator.geolocation.getCurrentPosition(callback,fail,{timeout:10000}); 
function callback (position) { 
    lat = position.coords.latitude; 
} 

Es por esto que se obtiene nula. async!, async! :)

Answer 2

usted puede guardar su posición variable de campo oculto de entrada en el documento listo. Después de eso, se puede usar jQuery para volver valor Geolocalización

javscript:

<script> 
var lat; 
alert(lat); // this alerts null 
navigator.geolocation.getCurrentPosition(callback,fail,{timeout:10000}); 
function callback (position) { 
    jQuery('#pos_lat').val(position.coords.latitude); 
} 
</script> 

HTML:

<input hidden id='pos_lat' value='' /> 
    //value = position latitude on load 

para volver valor:

jQuery('#pos_lat').val();