HTML DOM Geolocalización coords.latitude Propiedad

En este artículo, discutiremos la propiedad de latitud de Geolocalización. La geolocalización en HTML se utiliza para obtener la posición geográfica de un usuario. El método getCurrentPosition() , en esta geolocalización, devuelve un objeto en caso de éxito.

coords.latitude : esta propiedad devolverá la latitud como un número decimal.

Consulte el artículo Geolocalización HTML para obtener más detalles sobre las otras propiedades de ubicación.
 

Sintaxis :

coords.latitude

Valor devuelto: esta propiedad devuelve la latitud como un número decimal.

Ejemplo : el siguiente código HTML devolverá la latitud.

HTML

<!DOCTYPE html>
<html>
 
<head>
    <meta charset="utf-8">
    <meta name="viewport" content=
        "width=device-width,initial-scale=1">
</head>
 
<body>
    <h2 style="color:green">
        GeeksforGeeks
    </h2>
     
     
<p>
        <b>Displaying location using latitude</b>
    </p>
 
 
    <button onclick="getlocation()">
        Click Me
    </button>
     
    <p id="paraID"></p>
 
     
    <script>
        var variable1 = document.getElementById("paraID");
 
        function getlocation() {
            navigator.geolocation.getCurrentPosition(showLoc);
        }
 
        function showLoc(pos) {
            variable1.innerHTML = "Latitude: "
                + pos.coords.latitude;
        }
    </script>
</body>
 
</html>

Producción:

Navegadores compatibles:

  • Google Chrome
  • Borde de Microsoft
  • Firefox
  • Ópera
  • Safari

Publicación traducida automáticamente

Artículo escrito por ojaswilavu8128 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 *