Scribd
Cargar
146 vistas8 páginas

Geolocalización en HTML5: Guía y Ejemplos

La API de geolocalización de HTML5 permite obtener la posición geográfica del usuario a través de su latitud y longitud siempre que el navegador la soporte y el usuario dé su permiso. El documento explica cómo utilizar los métodos getCurrentPosition() para obtener una única ubicación y watchPosition() para actualizaciones continuas, así como verificar la compatibilidad del navegador antes de intentar geolocalizar.

Cargado por

Raquel Gómez
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
146 vistas8 páginas

Geolocalización en HTML5: Guía y Ejemplos

La API de geolocalización de HTML5 permite obtener la posición geográfica del usuario a través de su latitud y longitud siempre que el navegador la soporte y el usuario dé su permiso. El documento explica cómo utilizar los métodos getCurrentPosition() para obtener una única ubicación y watchPosition() para actualizaciones continuas, así como verificar la compatibilidad del navegador antes de intentar geolocalizar.

Cargado por

Raquel Gómez
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd

GEOLOCALIZACIÓN EN

HTML5
unidad 3
Clase
GEOLOCALIZACIÓN EN HTML5

 La API de geolocalización de HTML se utiliza para ubicar la posición de un


usuario.
 La app de geolocalización en HTML5, nos permite conocer la ubicación
geográfica del usuario, siempre y cuando esté usando un navegador que
la tenga implementada y que el usuario dé su permiso
 El siguiente ejemplo muestra la latitud y la longitud de la posición del usuario:
 <script>
var x = [Link]("demo");
function getLocation() {
if ([Link]) {
[Link](showPosition);
} else {
[Link] = "Geolocation is not supported by this browser.";
}
}
function showPosition(position) {
[Link] = "Latitude: " + [Link] +
"<br>Longitude: " + [Link];
}
</script>
 Inténtalo tú mismo "

 Ejemplo explicado:

 Verificar si Geolocation es compatible


 Si es compatible, ejecute el método getCurrentPosition (). De lo contrario,
muestre un mensaje al usuario
 Si el método getCurrentPosition () tiene éxito, devuelve un objeto de
coordenadas a la función especificada en el parámetro (showPosition)
 La función showPosition () genera Latitude y Longitud
 Objeto de geolocalización - Otros métodos interesantes
 El objeto Geolocation también tiene otros métodos interesantes:
 watchPosition() - Devuelve la posición actual del usuario y continúa
devolviendo la posición actualizada a medida que el usuario se mueve
(como el GPS en un automóvil).
 clearWatch()- Detiene el watchPosition()método.
El siguiente ejemplo muestra el
watchPosition()método
 <script>
var x = [Link]("demo");
function getLocation() {
if ([Link]) {
[Link](showPosition);
} else {
[Link] = "Geolocation is not supported by this browser.";
}
}
function showPosition(position) {
[Link] = "Latitude: " + [Link] +
"<br>Longitude: " + [Link];
}
</script>
Definición

 En HTML5 podemos obtener la posición geográfica del usuario. Sin


embargo dado que esto puede comprometer la privacidad del usuario,
éste debe de dar siempre su permiso para poder obtenerla.
 La mayoría de los navegadores modernos soportan la geolocalización,

También podría gustarte