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.






















Comentarios

Facebook Like

Entri Populer

hackear wifi con kali linux 馃摗

Instalar Netbeans 10 en Windows 10

Instalar netbeans 10 en ubuntu 18.04