Veamos como se resuelve a geolocalización con este programa de ejemplo:
<!DOCTYPE html> <html lang="es"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Geolocalización del Usuario</title> </head> <body> <h1>Obtener Geolocalización</h1> <button onclick="obtenerUbicacion()">Obtener mi ubicación</button> <p id="resultado"></p> <script> function obtenerUbicacion() { const resultado = document.getElementById("resultado"); if ("geolocation" in navigator) { resultado.textContent = "Obteniendo ubicación..."; navigator.geolocation.getCurrentPosition( function(posicion) { const latitud = posicion.coords.latitude; const longitud = posicion.coords.longitude; resultado.innerHTML = `Latitud: ${latitud}<br>Longitud: ${longitud}`; }, function(error) { switch(error.code) { case error.PERMISSION_DENIED: resultado.textContent = "Usuario denegó la solicitud de geolocalización."; break; case error.POSITION_UNAVAILABLE: resultado.textContent = "La información de ubicación no está disponible."; break; case error.TIMEOUT: resultado.textContent = "Se agotó el tiempo de espera para obtener la ubicación."; break; case error.UNKNOWN_ERROR: resultado.textContent = "Ocurrió un error desconocido."; break; } } ); } else { resultado.textContent = "La geolocalización no está soportada por este navegador."; } } </script> </body> </html>
No hay comentarios :
Publicar un comentario