HTML 5 e geolocalização
Boa tarde,
Creio que código não esteja com muitos erros, porem não me foi sinalizado nada(nenhuma mensagem).
segue o código:
Creio que código não esteja com muitos erros, porem não me foi sinalizado nada(nenhuma mensagem).
segue o código:
<!DOCTYPE html>
<meta charset="UTF-8">
<html>
<body>
<p id="demo">Clique no botão para receber sua localização em Latitude e Longitude:</p>
<button onclick="getLocation()">Clique Aqui</button>
<script>
var x=document.getElementById("demo");
function getLocation()
{
if (navigator.geolocation)
{
navigator.geolocation.getCurrentPosition(showPosition);
}
else{x.innerHTML="O seu navegador não suporta Geolocalização.";}
}
function showPosition(position)
{
x.innerHTML="Latitude: " + position.coords.latitude +
"<br>Longitude: " + position.coords.longitude;
}
</script>
</body>
</html>
Marluce Neves
Curtidas 0
Melhor post
Jothaz
04/05/2016
Não me passou pela cabeça a situação de que é necessario rodar em um servidor(IIS), obrigado pelo explicou bem demais. Posso usar o XAMPP?
Sim, como eu disse pode ser qualquer servidor web. Ou enviar para um host da internet que ofereça o serviço grátis.
Usei o IIS, só por comodidade.
GOSTEI 1
Mais Respostas
Marcelo Pastore
04/05/2016
Boa tarde Marluce, tudo bem, não lembro se testei geolocalização do HTML 5, apenas li sobre o assunto, já viu esses?
[url]http://tableless.com.br/esta-perdido-geolocalizacao/[/url]
[url]https://diveintohtml5.com.br/geolocation.html[/url]
[url]http://tableless.com.br/esta-perdido-geolocalizacao/[/url]
[url]https://diveintohtml5.com.br/geolocation.html[/url]
GOSTEI 0
Jothaz
04/05/2016
Marluce.
Para uma explicação mais detalhada fiz um vídeo explicando o porque do seu código, apesar de não conter erros não funcionar.
Por favor acesse HTML5 navigator geolocation e veja se esclareceu suas dúvidas.
No vídeo falo de algum links interessantes para estudar executando seus código online:
W3Schools
JSFiddle
Para uma explicação mais detalhada fiz um vídeo explicando o porque do seu código, apesar de não conter erros não funcionar.
Por favor acesse HTML5 navigator geolocation e veja se esclareceu suas dúvidas.
No vídeo falo de algum links interessantes para estudar executando seus código online:
W3Schools
JSFiddle
GOSTEI 0
Marluce Neves
04/05/2016
Não me passou pela cabeça a situação de que é necessario rodar em um servidor(IIS), obrigado pelo explicou bem demais. Posso usar o XAMPP?
GOSTEI 0
Marluce Neves
04/05/2016
Muito agradecida, gravou um video para explicar, muito bem explicado e que ele fique disponivel por bastante tempo, acho que não sou a unica com essa duvida.
GOSTEI 0
Marcelo Pastore
04/05/2016
Pergunta idiota mas não sei a resposta mas vou fazer mas mesmo assim vou perguntar, hehehe, por que não funciona localmente?
GOSTEI 0
Jothaz
04/05/2016
Se não fosse a falta de tempo gravaria outros vídeos para ajudar os iniciantes, pois vejo que muitos se perdem em dúvidas simples e acabam se frustrando.
Mas além do trabalho para criar um conteúdo de qualidade que faça diferença falta-me tempo.
Mas além do trabalho para criar um conteúdo de qualidade que faça diferença falta-me tempo.
GOSTEI 0
Jothaz
04/05/2016
Pergunta idiota mas não sei a resposta mas vou fazer mas mesmo assim vou perguntar, hehehe, por que não funciona localmente?
Acho que o conteúdo do vídeo não ficou tão claro quanto achei! kkkk
Sendo extremamente simplista, porque localmente não esta conectado a internet e pelo servidor esta!
GOSTEI 0
Marcelo Pastore
04/05/2016
Na minha visão um servidor que rode na maquina não deixa de ser local, kkkkkkk. iis, tomcat, etc. Enfim, ainda acho estranho mas estou ciente.
GOSTEI 0
Marluce Neves
04/05/2016
Olha só, do artigo que estava lendo inicialmente(código do post).
[url]http://www.linhadecodigo.com.br/artigo/3653/usando-geolocalizacao-com-html5.aspx[/url]
[url]http://www.linhadecodigo.com.br/artigo/3653/usando-geolocalizacao-com-html5.aspx[/url]
GOSTEI 0
Jothaz
04/05/2016
Pois é! Mas sua visão esta equivocada e esta focando na palavra local sem observar o contexto. E se reler o que postou você mesmo respondeu "servidor local" é "diferente de browser local", pois são escopos diferentes.
Ao abrir uma página no browser direto da pasta (localmente) usando: "file:///D:/Desenvolvimento/Html/index.html" você utiliza o protocolo "file".
Ao abrir uma página no browser via um servidor: "localhost/geo/" ou "http://localhost/geo/" você utiliza o protocolo "http".
O "file" não disponibiliza ao browser os mesmos recurso que o "http".
O mesmo acontece com o "response", "request", "querystring" entre outros recursos que só estão disponíveis num servidor.
Quando simplificamos denominando "local" quer dizer que estamos acessando recursos do computador computador de uma forma. Um server disponibilza este estes recursos de outra forma. Por exemplo quando estamos rodando uma aplicação via servidor não conseguimos acessar as pastas e gravar aquivos na estrutura de pasta da máquima. Temos de fazer um download para dentro da estrutura de pastas do servidor. Claro isto por medida de segurança, do contrário imagina o estrago se qualque site poderia gravar qualquer coisa em qualquer lugar.
Ao abrir uma página no browser direto da pasta (localmente) usando: "file:///D:/Desenvolvimento/Html/index.html" você utiliza o protocolo "file".
Ao abrir uma página no browser via um servidor: "localhost/geo/" ou "http://localhost/geo/" você utiliza o protocolo "http".
O "file" não disponibiliza ao browser os mesmos recurso que o "http".
O mesmo acontece com o "response", "request", "querystring" entre outros recursos que só estão disponíveis num servidor.
Quando simplificamos denominando "local" quer dizer que estamos acessando recursos do computador computador de uma forma. Um server disponibilza este estes recursos de outra forma. Por exemplo quando estamos rodando uma aplicação via servidor não conseguimos acessar as pastas e gravar aquivos na estrutura de pasta da máquima. Temos de fazer um download para dentro da estrutura de pastas do servidor. Claro isto por medida de segurança, do contrário imagina o estrago se qualque site poderia gravar qualquer coisa em qualquer lugar.
GOSTEI 0
Marluce Neves
04/05/2016
Se não fosse a falta de tempo gravaria outros vídeos para ajudar os iniciantes, pois vejo que muitos se perdem em dúvidas simples e acabam se frustrando.
Mas além do trabalho para criar um conteúdo de qualidade que faça diferença falta-me tempo.
Mas além do trabalho para criar um conteúdo de qualidade que faça diferença falta-me tempo.
Esqueci de comentar essa sua resposta, bom, infelizmente a falta de tempo está comum a todos, acredito que tempo corrido é o problema de quase todos!
Isso que escreveu é bem verdade, muitas pessoas realmente se frustam por não conseguir entender, fazer as coisas funcionarem, mas que bom deu para você ajudar.
GOSTEI 0
Marcelo Pastore
04/05/2016
Agora sim Jothaz, meu cerebro estava bloqueado e limitado, agradeço e peço desculpas!
Abraço.
Abraço.
GOSTEI 0
Jothaz
04/05/2016
Agora sim Jothaz, meu cerebro estava bloqueado e limitado, agradeço e peço desculpas!
Abraço.
Abraço.
Não tem de pedir desculpas, o questionamento foi pertinente. E somente possuindo coragem para questionar é que se aprende.
Apesar de se um assunto aparentemente banal acredito que não seja do conhecimento de todos.
GOSTEI 0
Marcelo Pastore
04/05/2016
Não é mesmo Jothaz, podemos dizer que as "aparências" enganam, assunto simples nem sempre é de conhecimento de todos.
Valeu abraço!
Valeu abraço!
GOSTEI 0
Marluce Neves
04/05/2016
Finalizando, gostei bastante do post, foi proveitoso do inicio ao fim, agradeço ao Jothaz pelas explicações, video, paciencia, ao Marcelo pelas duvidas que contribuíram bastante!
GOSTEI 1
Marcelo Pastore
04/05/2016
Finalizando, gostei bastante do post, foi proveitoso do inicio ao fim, agradeço ao Jothaz pelas explicações, video, paciencia, ao Marcelo pelas duvidas que contribuíram bastante!
Compartilho das sua palavras.
GOSTEI 0