Geolocalización con HTML5

¿Sabías que tu navegador puede entregar información detallada desde dónde estas viendo UNA página web?

Geolocalizar a una persona con HTML5 es bastante sencillo, basta simplemente con utilizar javascript y la función navigator.geolocation.getCurrentPosition() Pero recuerda que sólo puedes geolocalizar a quien quiera ser geolocalizado, cuando ocupes esa función el navegador pedirá los permisos respectivos al usuario. Un ícono en la barra de navegación muestra cuando una página intenta realizar la geolocalización.

geolocalización nav icon

¿Cómo se geolocaliza a un usuario de tu página web? Puedes utilizar el siguiente ejemplo de geolocalización sacado de la W3School para empezar rápido.

<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>

Existen múltiples usos para la geolocalización de usuarios, por ejemplo gracias a este mismo script con unas ligeras modificaciones construí en pocas horas una aplicación en ruby on rails que te permite compartir los links de tus redes sociales con las personas que están cerca. La idea es la siguiente, te registras, llenas los campos de las redes que quieres compartir, mucha gente solo comparte su LinkedIn o su Twitter pero no le gusta compartir su Facebook, así que ningún campo es obligatorio. Luego haces un checkin y la gente que está cerca tuyo podrá ver tus contactos. Por ahora la aplicación se llama ShareMe y puedes acceder gratuitamente desde aquí

• El Autor
• Últimos Posts

About Gonzalo Sánchez

Emprendedor lean, Ingeniero civil informático dedicado al desarrollo de una mejor web con ruby on rails. Fanático de los números y las métricas y por sobre todo fundador de en1mes.

• Mostbet guncel giris: en guncel bahis secenekleri - May 8, 2025
• Mostbet Casino: Your Oasis of Gaming Pleasure, Always - May 6, 2025
• Bahis ve emsallar Most Bet ile - May 6, 2025
• Mostbet Resmi Sitesi: Bahis Severlerin Tercihi - May 3, 2025
• MostBet Rehberi: Bahis Dunyasinda Basariya Ulasmanin Yollari - May 2, 2025
• Basarili Bir Bahis Deneyimi Icin Ipuclari Most bet Platformunda - April 30, 2025
• Mostbet Giris 2025: Bahis Stratejileri ve Taktikler - April 28, 2025
• Bahis Dunyasinda Guvende Kalmanin Yollari Mostbet ile - April 25, 2025
• Mostbet yeni giris adresi olarak sadece internet sitesi - April 23, 2025
• Bahis Dunyasinda MostBet ile Guvenli Adimlar Atin - April 22, 2025