html5 coordenas en un campo hidden

charlescuella · #1 (**permalink**) 03/10/2013, 22:55

hola amigo como hago para usar el api de html5 de geolocacion que me muestre las coordenadas latitud y longitud y este me las ponga en un campo hidden para luego usar un formulario.
espero me entiendan y puedan colaborar gracias

pateketrueke · #2 (**permalink**) 03/10/2013, 23:33

HTML5 no es PHP, ¿por qué preguntar algo que no es de PHP en el foro de PHP? ¿o qué parte de HTML5 confundiste con PHP?

Además hay muchos ejemplos de ello en Internet, sería el colmo que no hayas encontrado ninguno útil.

Como sea, al final dicha API es únicamente Javascript así que necesitarás investigar ello.

Google: html5 geolocation api

javioreto · #3 (**permalink**) 04/10/2013, 02:33

Es fácil utilizar la función de geolocalizar, todo es javascript puesto que no podría ser php al ser un lenguaje de tipo compilado desde servidor por lo cual en el mejor de los casos ficticios nos daría la geolocalización del servidor jeje

Código HTML:

Ver original<!DOCTYPE html>
<html>
<body>
<p id="demo">Click the button to get your coordinates:</p>
<button onclick="getLocation()">Try It</button>
<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;    
//aqui añadimos esto
document.getElementById('cord_x').value= position.coords.latitude;
document.getElementById('cord_y').value= position.coords.longitude;
  }
</script>
<input id="cord_x" value="" type="hidden"/>
<input id="cord_y" value="" type="hidden"/>
</body>
</html>