Como obtener nuestra posición con HTML5, Javascript y jQuery sin usar GPS

Hoy en día una de las cosas que más nos pueden llamar la atención al utilizar un smartphone o un tablet es que muchas de las aplicaciones que ejecutamos nos piden permiso para localizar tu posición. Para esto no hace falta tener un receptor GPS en el dispositivo sino que la combinación de varias tecnologías como WIFI y GSM pueden llegar a dar una posición bastante exacta.

Con las redes WIFI lo que se hace para obtener nuestra posición es triangular las direcciones MAC de dichas redes. Para ello existen bases de datos que guardan las posiciones de las redes y sus "matrículas". Existen varias empresas que se dedican a ir anotando esta información, entre ellas por supuesto Google con su Google Street View.

La tecnología GSM utiliza las antenas de telefonía para también triangular nuestra posición.

Todo esto llevado a la práctica es una tarea muy sencilla que se puede realizar mediante Javascript sobre navegadores que soporten HTML5 y siempre y cuando permitamos al navegador que detecte nuestra posición. A continuación os dejo un pequeño trozo de código para que veáis qué se puede hacer. Simplemente muestro el resultado en formato imagen de Google Maps, pero lo podríamos complicar mucho más utilizando la API de Google.

?

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script> <script language="javascript">  function getPosition() {   if (navigator.geolocation) {    navigator.geolocation.getCurrentPosition(showMap, showError);   } else {    alert('El navegador no soporta la API de geolocalización');   }  }    function showMap(position) {   var latitude = position.coords.latitude;   var longitude = position.coords.longitude;   var image_url = "http://maps.google.com/maps/api/staticmap?sensor=false¢er=" + latitude + "," +       longitude + "&zoom=14&size=500x500&markers=color:blue|label:P|" +       latitude + ',' + longitude;   $(document.body).append(    $(document.createElement("img")).attr("src", image_url).attr('id','map')   );  }    function showError(err) {   if (err.code == 0) {    alert("Error desconocido");   }   if (err.code == 1) {    alert("El usuario no ha compartido su posición");   }   if (err.code == 2) {    alert("No se puede obtener la posición actual");   }   if (err.code == 3) {    alert("timeout recibiendo la posicion");   }  } </script> <a href="javascript:getPosition();">Mostrar Posición</a>