43 - GEOLOCATION (getCurrentPosition)
Problema:
Confeccionar una aplicación que permita obtener la latitud, longitud de nuestra posición y además con que precisión se obtuvo.
pagina.html
estilos.css
Ejecución de la página
<!DOCTYPE HTML> <html> <head> <title>Título de la página</title> <meta charset="UTF-8"> <script type="text/javascript"> window.addEventListener('load', inicio, false); function inicio() { document.getElementById('obtener').addEventListener('click', recuperarLocalizacion, false); } function recuperarLocalizacion() { if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(mostrarCoordenada); } else { alert('El navegador no dispone la capacidad de geolocalización'); } } function mostrarCoordenada(posicion) { document.getElementById('dato').innerHTML='Latitud:'+ posicion.coords.latitude+ '<br> Longitud:'+posicion.coords.longitude+ '<br>Exactitud:'+posicion.coords.accuracy; } </script> </head> <body> <input type="button" id="obtener" value="Obtener la localización actual"> <br> <span id="dato"></span> </body> </html>
No tiene disponible el navegador la capacidad de iframe
Retornar