3.3 KiB
3.3 KiB
id | title | challengeType | videoUrl | localeTitle |
---|---|---|---|---|
587d7faf367417b2b2512be8 | Get Geolocation Data to Find A User's GPS Coordinates | 6 | Obtenga datos de geolocalización para encontrar las coordenadas GPS de un usuario |
Description
if (navigator.geolocation) {Primero, verifica si el objeto
navigator.geolocation.getCurrentPosition (función (posición) {
document.getElementById ('data'). innerHTML = "latitude:" + position.coords.latitude + "<br> longitude:" + position.coords.longitude;
});
}
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
script
para verificar la ubicación actual de un usuario e insértelo en el HTML. Tests
tests:
- text: Su código debe usar <code>navigator.geolocation</code> para acceder a la ubicación actual del usuario.
testString: 'assert(code.match(/navigator\.geolocation\.getCurrentPosition/g), "Your code should use <code>navigator.geolocation</code> to access the user's current location.");'
- text: Su código debe usar <code>position.coords.latitude</code> para mostrar la ubicación latitudinal del usuario.
testString: 'assert(code.match(/position\.coords\.latitude/g), "Your code should use <code>position.coords.latitude</code> to display the user's latitudinal location.");'
- text: Su código debe usar <code>position.coords.longitude</code> para mostrar la ubicación longitudinal del usuario.
testString: 'assert(code.match(/position\.coords\.longitude/g), "Your code should use <code>position.coords.longitude</code> to display the user's longitudinal location.");'
- text: Debería mostrar la posición del usuario dentro del elemento div de <code>data</code> .
testString: 'assert(code.match(/document\.getElementById\(\s*?("|")data\1\s*?\)\.innerHTML/g), "You should display the user's position within the <code>data</code> div element.");'
Challenge Seed
<script>
// Add your code below this line
// Add your code above this line
</script>
<h4>You are here:</h4>
<div id="data">
</div>
Solution
// solution required