Método clearWatch() de Geolocalización HTML

En este artículo, aprenderemos el método HTMLgeolocalización clearWatch() y su implementación. El método clearWatch() se usa para cancelar la llamada watchPosition() que se está ejecutando actualmente y elimina la ubicación o los errores generados como resultado de la llamada anterior.

Sintaxis:

navigator.geolocation.clearWatch(clearId);

Parámetro:

  • clearId: el parámetro ‘clearId’ lo devuelve la propia llamada watchPosition() . Se utiliza para identificar la llamada watchPosition() que debemos eliminar.

Ejemplo: El siguiente ejemplo ilustra el método de geolocalización clearWatch() :

HTML

<!DOCTYPE html>
<html lang="en">
  
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content=
        "width=device-width, initial-scale=1.0">
    <title>HTML Geolocation clearWatch() Method</title>
</head>
  
<body>
    <h2>Welcome To GFG</h2>
  
    <button onclick="getPosition()">
        Watch Position
    </button>
      
    <p id="demo"></p>
  
    <button onclick="clearPosition()">
        Clear Position
    </button>
  
    <script>
        var clearId;
        var demoPara = document.getElementById("demo");
        var user_loc = navigator.geolocation;
  
        function getPosition() {
            if (user_loc) {
                var option = { timeout: 50000 }
                clearId = user_loc.watchPosition(
                    currentLoc, resolveError, option);
            }
            else {
                "Your browser doesn't support Geolocation API.";
            }
        }
  
        function currentLoc(loc) {
            var lat = loc.coords.latitude;
            var long = loc.coords.longitude;
            demoPara.innerHTML = "Latitude: " 
                + lat + "<br>Longitude: " + long;
        }
  
        function resolveError(err) {
            demoPara.innerHTML = "ERROR" 
                + err.code + ": " + err.message;
        }
  
        function clearPosition() {
            demoPara.innerHTML = user_loc.clearWatch(clearId);
        }
    </script>
</body>
  
</html>

Producción:

Explicando el método clearWatch()

Navegadores compatibles:

  • Google Chrome 5.0
  • Microsoft Edge 12.0
  • Firefox 3.5
  • Internet Explorer 9.0
  • Safari 5.0
  • Ópera 10.6

Publicación traducida automáticamente

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