3.3 KiB
3.3 KiB
id | title | challengeType | videoUrl | localeTitle |
---|---|---|---|---|
587d7faf367417b2b2512be8 | Get Geolocation Data to Find A User's GPS Coordinates | 6 | Obter dados de localização geográfica para localizar coordenadas de GPS de um usuário |
Description
if (navigator.geolocation) {Primeiro, verifica se o objeto
navigator.geolocation.getCurrentPosition (function (position) {
document.getElementById ('data'). innerHTML = "latitude:" + position.coords.latitude + "<br> longitude:" + position.coords.longitude;
});
}
navigator.geolocation
existe. Em caso afirmativo, o método getCurrentPosition
nesse objeto é chamado, o que inicia uma solicitação assíncrona para a posição do usuário. Se a solicitação for bem-sucedida, a função de retorno de chamada no método será executada. Essa função acessa os valores do objeto de position
para latitude e longitude usando a notação de ponto e atualiza o HTML. Instructions
script
para verificar a localização atual de um usuário e inseri-lo no HTML. Tests
tests:
- text: Seu código deve usar <code>navigator.geolocation</code> para acessar a localização atual do usuário.
testString: 'assert(code.match(/navigator\.geolocation\.getCurrentPosition/g), "Your code should use <code>navigator.geolocation</code> to access the user's current location.");'
- text: Seu código deve usar <code>position.coords.latitude</code> para exibir a localização latitudinal do usuário.
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: Seu código deve usar <code>position.coords.longitude</code> para exibir a localização longitudinal do usuário.
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: Você deve exibir a posição do usuário no 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