---
id: 587d7faf367417b2b2512be8
title: Get Geolocation Data to Find A User's GPS Coordinates
localeTitle: Obtenga datos de geolocalización para encontrar las coordenadas GPS de un usuario
challengeType: 6
---
## Description
Otra cosa interesante que puedes hacer es acceder a la ubicación actual de tu usuario. Cada navegador tiene un navegador incorporado que puede proporcionarle esta información.
El navegador obtendrá la longitud y latitud actual del usuario.
Verá un aviso para permitir o bloquear este sitio para que no sepa su ubicación actual. El desafío se puede completar de cualquier manera, siempre que el código sea correcto.
Al seleccionar permitir, verá que el texto del teléfono de salida cambia a su latitud y longitud.
Aquí está el código que hace esto:
if (navigator.geolocation){
navigator.geolocation.getCurrentPosition(function(position) {
document.getElementById('data').innerHTML="latitude: "+ position.coords.latitude + "<br>longitude: " + position.coords.longitude;
});
}
Primero, comprueba si el objeto navigator.geolocation
existe. Si lo hace, se getCurrentPosition
método getCurrentPosition
en ese objeto, que inicia una solicitud asíncrona para la posición del usuario. Si la solicitud es exitosa, la función de devolución de llamada en el método se ejecuta. Esta función accede a los valores del objeto de position
para latitud y longitud usando notación de puntos y actualiza el HTML.
## Instructions
Agregue el código de ejemplo dentro de las etiquetas de script
para verificar la ubicación actual de un usuario e insértelo en el HTML.
## Tests
```yml
tests:
- text: 'Su código debe usar navigator.geolocation
para acceder a la ubicación actual del usuario'.
testString: 'assert(code.match(/navigator\.geolocation\.getCurrentPosition/g), "Your code should use navigator.geolocation
to access the user's current location.");'
- text: 'Su código debe usar position.coords.latitude
para mostrar la ubicación latitudinal del usuario'.
testString: 'assert(code.match(/position\.coords\.latitude/g), "Your code should use position.coords.latitude
to display the user's latitudinal location.");'
- text: 'Su código debe usar position.coords.longitude
para mostrar la ubicación longitudinal del usuario'.
testString: 'assert(code.match(/position\.coords\.longitude/g), "Your code should use position.coords.longitude
to display the user's longitudinal location.");'
- text: 'Debería mostrar la posición del usuario dentro del elemento de data
div.'
testString: 'assert(code.match(/document\.getElementById\(\s*?("|")data\1\s*?\)\.innerHTML/g), "You should display the user's position within the data
div element.");'
```
## Challenge Seed
```html
You are here:
```
## Solution
```js
// solution required
```