Categor铆as: Sin categor铆a

Obtener la ubicaci贸n del usuario a trav茅s del navegador con javascript ?

Introducci贸n

En ocasiones en necesario conocer la ubicaci贸n de los usuarios que visitan nuestra pagina, con el fin de entregar informaci贸n mas exacta relacionada con su perfil, y una de las varias herramientas que tenemos es la geolocalizaci贸n v铆a javascript. El siguiente es un simple c贸digo html que podemos usar para geolocalizar un usuario desde el navegador:

Codigo

<!DOCTYPE html>
<html>
<head>
<title>Geolocalizacion</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://code.jquery.com/jquery-2.2.4.js" integrity="sha256-iT6Q9iMJYuQiMWNd9lDyBUStIq/8PuOW33aOqmvFpqI=" crossorigin="anonymous"></script>
</head>
<body>
<div id="area-nav">
<div><h2>Pide permisos de hubicacion al navegador</h2></div>
<button id="pedirvan">Pedir permisos geolocalizacion navegador</button>
<div>por navegador</div>
<div id="nlat"></div>
<div id="nlon"></div>
</div>
</body>
<script>
$(document).ready(function () {
//Click al boton para pedir permisos
$("#pedirvan").click(function () {
//Si el navegador soporta geolocalizacion
if (!!navigator.geolocation) {
//Pedimos los datos de geolocalizacion al navegador
navigator.geolocation.getCurrentPosition(
//Si el navegador entrega los datos de geolocalizacion los imprimimos
function (position) {
window.alert("nav permitido");
$("#nlat").text(position.coords.latitude);
$("#nlon").text(position.coords.longitude);
},
//Si no los entrega manda un alerta de error
function () {
window.alert("nav no permitido");
}
);
}
});

});



</script>


</html>

Nota: este proceso pedir谩 permiso al usuario para acceder a su ubicaci贸n y al final dependera del usuario que este c贸digo funcione o no. Esos permiso se pueden configurar desde聽chrome://settings/content/location
Si lo que buscas es que si o si se obtenga la geolocalizaci贸n puedes usar el api de google en este tutorial explico como realizar ese proceso.

Eugenio Chaparro

Compartir
Publicado por
Eugenio Chaparro

Entradas recientes

馃煝Editar c贸digo de un m贸dulo en Dolibarr [04]

馃煝Editar c贸digo de un m贸dulo en Dolibarr [04]

En este tutorial vamos editar el c贸digo de nuestro m贸dulo personas para poder personalizar algunas…

2 meses hace
馃煝Crear un sub_m贸dulo en Dolibarr [03]

馃煝Crear un sub_m贸dulo en Dolibarr [03]

En este tutorial vamos a crear un sub m贸dulo llamado seguridad que ser谩 muy parecido…

2 meses hace
馃煝Modificar un m贸dulo en Dolibarr [02]

馃煝Modificar un m贸dulo en Dolibarr [02]

En este tutorial aprenderemos a editar el objeto personas del modulo persona que creamos en…

2 meses hace
馃煝Constructor de m贸dulos en Dolibarr

馃煝Constructor de m贸dulos en Dolibarr

Como mencionamos anteriormente Dolibarr es un proyecto realizado sobre la base de una pol铆tica clara:…

2 meses hace
馃煝Tickets en Dolibarr [19]

馃煝Tickets en Dolibarr [19]

Los ticket en dolibarr nos ayudan a comunicar inconveniente en nuestros productos y servicios dentro…

2 meses hace
馃煝Agenda en Dolibarr [18]

馃煝Agenda en Dolibarr [18]

Las agendas en dolibarr nos ayudan a ver las actividades realizadas en proceso y por…

2 meses hace