HTML | Propiedad de geolocalización del navegador

La propiedad de geolocalización del navegador se utiliza para devolver un objeto de geolocalización por parte del navegador que se puede utilizar para localizar la posición de un usuario. 
Es una propiedad de solo lectura y solo está disponible con la aprobación del usuario, ya que puede comprometer la privacidad del usuario.
Sintaxis: 
 

navigator.geolocation

El programa siguiente ilustra la propiedad de geolocalización del Navegador:
Comprobación de la geolocalización del usuario. 
 

html

<!DOCTYPE html>
<html>
 
<head>
    <title>Navigator geolocation Property in HTML</title>
    <style>
        h1 {
            color: green;
        }
         
        h2 {
            font-family: Impact;
        }
         
        body {
            text-align: center;
        }
    </style>
</head>
 
<body>
 
    <h1>GeeksforGeeks</h1>
    <h2>Navigator geolocation Property</h2>
 
     
<p>For checking your coordinates,
      double click the "Get Coordinates" button : </p>
 
 
    <button ondblclick="getCoordinates()">Get Coordinates</button>
 
    <p id="loc"></p>
 
 
    <script>
        var x = document.getElementById("loc");
 
        function getCoordinates() {
            if (navigator.geolocation) {
                navigator.geolocation.getCurrentPosition(showcoordinates);
            } else {
                x.innerHTML = "The browser doesn't support Geolocation.";
            }
        }
 
        function showcoordinates(myposition) {
            x.innerHTML = "Your Latitude is: " + myposition.coords.latitude +
                "<br>Your Longitude is: " + myposition.coords.longitude;
        }
    </script>
 
</body>
 
</html>

Producción: 
 

Después de hacer clic en el botón 
 

Navegadores compatibles: los navegadores compatibles con la geolocalización de Navigator se enumeran a continuación: 
 

  • Google Chrome
  • explorador de Internet
  • Firefox
  • Ópera
  • Safari

Publicación traducida automáticamente

Artículo escrito por Shubrodeep Banerjee y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *