RSS

Atajos Web

Miguel Guerra

Soy Miguel Guerra, tengo 29 años en el mundo real y más de diez años investigando sobre tecnología web. Soy periodista, creé mi primera página web en 1996 para compartir mis escritos con el mundo. Como un extranjero en tierras lejanas, tuve la necesidad de aprender lenguajes de programación para lograr mis objetivos.

Atajos Web es un espacio para compartir recursos de Internet que todos podrán utilizar de acuerdo a sus necesidades. Escribiré sobre seguridad informática, herramientas para empresas, redes sociales y temas utilitarios. Envíame tus sugerencias sobre los temas que deseas encontrar en este blog. @miguelguerrape

Conoce tu ubicación sin tener GPS

Compartir:
geoloca.jpg
Toda herramienta 2.0 que pueda sacarte de apuros es bienvenida. Si estás extraviado o deseas compartir tu ubicación, las aplicaciones de geolocalización podrán ayudarte a tener las coordenadas exactas del lugar en que estés. Te mostraré como funcionan para añadirlas a tu espacio web.

Las aplicaciones de geolocalización deben ser bien configuradas por un tema de seguridad, se recomienda que tu ubicación solo lo compartas con allegados para circunstancias especificas. 

Si una persona por alguna razón se pierde, la aplicación podrá dar sus coordinadas con poco margen de error. Si visitan una ciudad desconocida, inmediatamente podrán tener una referencia geografica con un mapa de la localidad. 

Por esta razón, es importante que las páginas de los Municipios del interior del país, agencias de viajes y medios de comunicación, tengan a disposición de los usuarios este tipo de herramientas online.

Instalalo en tu Blog o Web

El código está hecho en HTML5 y podrás usarlo para conocer tu ubicación. No olvides "copiar" y "pegar" el código de ejemplo en el "Bloc de Notas" para quitarle los estilos de la fuente (negrita, tamaño, tipografia). Cuando obtengas tus coordenadas anótalas, puedes comprobar su exactitud ingresando maps.google.es. Funciona con los navegadores más recientes como Firefox 3.5+ o Chrome 5+.

  • Conseguir tus coordenadas
<script language="javascript"> 
function obtener_localizacion() {
  if (navigator.geolocation) {
  navigator.geolocation.getCurrentPosition(coordenadas,gestiona_errores);
  }else{
alert('Tu navegador no soporta la API de geolocalizacion');  
  }
}
function coordenadas(position) {
  var latitud = position.coords.latitude;
  var longitud = position.coords.longitude;
  alert('Tus coordenadas son: ('+latitud+','+longitud+')');
}
function gestiona_errores(err) {
  if (err.code == 0) {
    alert("error desconocido");
  }
  if (err.code == 1) {
    alert("El usuario no ha compartido su posicion");
  }
  if (err.code == 2) {
    alert("no se puede obtener la posicion actual");
  }
  if (err.code == 3) {
    alert("timeut recibiendo la posicion");
  }
}
 
</script> 
<a href="javascript:obtener_localizacion();">Mostrar Posici&oacute;n</a> 
</body> 

EJEMPLO:




  • Tu ubicación en un mapa
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script> 
<script language="javascript"> 
function obtener_localizacion() {
  if (navigator.geolocation) {
  navigator.geolocation.getCurrentPosition(mostrar_mapa,gestiona_errores);
  }else{
alert('Tu navegador no soporta la API de geolocalizacion');  
  }
}
function mostrar_mapa(position) {
  var latitud = position.coords.latitude;
  var longitud = position.coords.longitude;
  var image_url = "http://maps.google.com/maps/api/staticmap?sensor=false&center=" + latitud + "," +
                    longitud + "&zoom=14&size=300x400&markers=color:red|label:P|" +
                    latitud + ',' + longitud;
    $(document.body).append(
        $(document.createElement("img")).attr("src", image_url).attr('id','map')
    );
 
}
function gestiona_errores(err) {
  if (err.code == 0) {
    alert("error desconocido");
  }
  if (err.code == 1) {
    alert("El usuario no ha compartido su posicion");
  }
  if (err.code == 2) {
    alert("no se puede obtener la posicion actual");
  }
  if (err.code == 3) {
    alert("timeout recibiendo la posicion");
  }
}
 
</script> 
<p><a href="javascript:obtener_localizacion();">Mostrar Posici&oacute;n</a></p>

Añadiendo estas lineas de código podrás consultar en un mapa tu ubicación en tiempo real.

EJEMPLO:



permisos.jpg
NOTA: Para que el código de arriba y la aplicación (próxima a detallar) Google Latitude funcione, tendrá que aceptar el permiso de ubicación que parecerá en su navegador, ya sea Internet Explorer, Mozilla Firefox, Chrome o el que esté usando



Google Latitude
[http://www.google.es/latitude]

Google nos ofrece el servicio para que tus amigos sepan en donde estás, y así puedas compartir con ellos lo que sucede mientras recorres la ciudad.

latitud1.jpg
El servicio es gratuito y solo necesitas tener una cuenta en Gooogle



latitud2.jpg
Luego de loguearte te pedirá escoger que dispositivo quieres usar.
Entre las opciones, está poder usar tu ordenador para tener tu posición geográfica.



latitud3.jpg
Al escoger "Mi ordenador", aparecerá una ventana para terminar la configuración. 
Dar clic en COMENZAR.



latitud4.jpg
Cargará otra ventana que te explica el servicio de Google Latitude y te invita a compartir tu ubicación tus amigos. Clic en ACEPTAR



latitud5.jpg
Luego de procesar mis datos y contactos, la aplicación empieza a funcionar. Dándome una referencia de mi ubicación y alrededores. Asimismo, podrás activar el historial de tus movimientos.



IPoki
[http://www.ipoki.com]

Ipoki es otro servicio gratuito de geolocalización que podrás usar para conocer y compartir tu ubicación con amigos. Asimismo, podrás apagar el localizador cuando lo creas conveniente. Para usarlo en tiempo real tendrás que descargar una aplicación gratuita que deberás instalar en tu ordenador o teléfono celular. 

ipoki1.jpg
Regístrate para obtener una cuenta gratuita. Luego podrás invitar a tus amigos a que sigan tu ubicación. Te recomendamos escoger bien a las personas que sabrán donde te encuentras.




ipoki3.jpg
El panel de control de tu Ipoki. Verás tu ubicación, la que tendrás que cambiar de manera manual en un inicio. Si quieres que se actualice en tiempo real, tienes que descargar los aplicativos desde aquí.
18 comentarios
Por armando el 3 de Junio 2011 a las 01:02 AM

ptm como haces para q funcione xq salio donde sta mi casa. esto le falto a Ciro para encontrarlo. lo provare en mi blog graciasssss

Por Miguel Guerra el 3 de Junio 2011 a las 03:09 AM

Hola Armando,
Que bueno que te haya resultado! Trabaja gracias a la función "mostrar_mapa(position)" y a la API de Google Maps. Cuando la necesites, ya sabes en donde encontrarla, abrazos.

Por CesarChris710Author Profile Page el 3 de Junio 2011 a las 03:54 AM

Parece que a mi no me pueden ubicar xD

"no se puede obtener la posicion actual"

Google:
Ubicación actual no disponible.

Por Luis el 3 de Junio 2011 a las 05:23 AM

Yo vivo en el norte de Londres a y mi posición salió a más de 11 kilómetros de distancia, a 500 metros del London Bridge Tower. Un poco más y me pone en la propia Torre de Londres :)

Por nito el 3 de Junio 2011 a las 09:35 AM

Hola, por la aplicacion del google me salio que vivo en NY exactamente a dos cuadras del Central Park, sin embargo me encuentro en SJM. Por favor detalla mas instrucciones o verifica tu posicion con esa aplicacion.

Por Miguel Guerra el 3 de Junio 2011 a las 10:27 AM

Hola Nito,
Detallé un poco mejor la informacion del "Google Latitude". Quizá sea porque en un inicio es manual la forma como señalas tu ubicación. Luego que eliges la versión en tiempo real en tu ordenador o celular podrá decir en dónde te encuentras. Añadí unas capturas extras donde se muestra que Google Latutide identificó mi ubicación. Abrazos.

Por Miguel Guerra el 3 de Junio 2011 a las 11:07 AM

Hola Luis,

Definitivamente hay un margen de error o un radio geográfico, el mismo que en caso de una emergencia seria más fácil de cubrir, en el caso de una desaparición habría un indicio de donde buscar. Cuando tengas un tiempo vuelve a probar la herramienta y cuéntanos tu experiencia, gracias por tu visita.

Por Miguel Guerra el 3 de Junio 2011 a las 11:13 AM

Hola CesarChris710,

Si probaste la primera opción, lo más seguro es que no tengas tu navegador actualizado, por ello el mensaje ubicación actual no disponible, en el código html5 está programado para identificar tres posibles errores que son:

1. "El usuario no ha compartido su posición" (por no aceptar el mensaje compartir tu ubicación)
2. "no se puede obtener la posicion actual" (por no tener actualizado tu navegador)
3. "timeut recibiendo la posicion" (cuando existe un error con la data de google maps)

También puedes usar el Google Latitude o el Ipoki.

Por ALDOELVIS el 4 de Junio 2011 a las 08:38 PM

Dime Miguel, y esta aplicacion puede colocarse en el Facebook. y como seria.,

Por javier hurtado el 4 de Junio 2011 a las 09:05 PM

buen dato Miguel, lo he probado en mi pequeño negocio de taxis y funciona bien con los celulares, ahora sabre si toman otros caminos.

Por Miguel Guerra el 6 de Junio 2011 a las 07:24 PM

Saludos Aldoelvis,

Es posible usarla en Facebook. Sin embargo, depende de qué manera quieres utilizarla. Para publicar tu ubicación en tu muro solo tendrás que dar clic en la opción de "compartir" o "shared" que tienen estas herramientas. Ahora, si quieres usar la geolocalización como una herramienta disponible para cualquier usuario de Facebook, tendrías que crear una "apps" que contenga el código HTML5 que aparece primero. Espero haber podido ayudarte, cualquier duda compártela.

Por Miguel Guerra el 6 de Junio 2011 a las 08:55 PM

Hola Javier,

Que buena idea para sacarle provecho a la geolocalización. Pero mantén por un tiempo el monitereo en fase beta, dependiendo de eso decide si lo usas de manera fija para tu negocio, no olvides contarnos como te fue. éxitos.

Por Jessylov el 7 de Junio 2011 a las 11:29 AM

Otro tema, que hasta el día de hoy me entero. Bueno solo sabía de google maps. Muy interesante, lo probaré en mi blog.
Lo bueno de la vida es que cada día uno aprende algo, por pequeña que sea.

Por ALDOELVIS el 12 de Junio 2011 a las 12:09 AM

No soy un experto, pero como le haria para colocar esto en mi Facebook.,

Por ramiro el 11 de Julio 2011 a las 10:21 PM

tengo un problema , uso el google chrome , luego de 3 dias de usar la localizacion esta deja de aparecerme , para solo localizarme en lima , que es algo muy general y que antes me ubicaba muy cerca de mi casa , alguna ayuda?

Por CesarChris710Author Profile Page el 16 de Julio 2011 a las 07:27 PM

Hola Miguel Guerra,

Lo he probado en Firefox ultima versión y nada...
Lo he probado en Chrome ultima versión y nada...
Lo he probado en IE9 y me acaba de salir que me encuentro en Chiclayo y yo no soy de ese departamento, sino mas al norte del Perú..

Bueno aún eso de los coordenadas no funciona muy bien en el Perú, habrá que esperar.

Por beeto.. el 12 de Marzo 2012 a las 12:31 PM

muy bueno.. pero tengo una duda.. ese puede poner en lugar de una alerta.. colocar las coordenadas en campo de formulario?

Por lucky el 18 de Marzo 2012 a las 08:27 PM

Hola, muy útil este post, me sirviò para obtener las coordenadas desde mì pàgina web, quiera saber si es posible modificar el còdigo para que las coordenadas me las envìe al mail o poder compartirla en alguna red social.
Gracias! Lucky

Escribir un comentario