HTML5 Geolocalização usando a API do Google Maps

O HTML 5 veio a tona no inicio de 2010, mas estamos vendo os navegadores com cada vez mais aplicações sofisticadas e inteligentes de como podemos usar o HTML5 para nosso beneficio e como ele pode deixar nossa vida cada vez mais fácil. Enfim, uma coisa que podemos fazer, por exemplo, é mostrar nossa localização no Google Maps com um pouco de HTML5. Remy Sharp escreveu sobre isso, você pode ver o demo aqui.

O Código

A primeira linha de código é a chamada da biblioteca da API do Google Maps paraGeolocalização. Esse código é compatível com os navegadores Opera, Firefox, Chrome e Safari e também no Safari Mobile.

Usando o Canvas do Google Maps nossos navegadores enviam nossa localização através da API e ela mostra no mapa. Ele irá encontrar com pouco erro mas funciona bem em 80% das vezes. Você terá que clicar em “Permitir” no Google Chrome para que sua localização seja compartilhada.

Resultado

[botao-demo href=”http://jsfiddle.net/frontendbrasil/gS9ST/2/embedded/result/” title=”Ver Resultado”]

Post adaptado de HTML5 Geo location using the Google API

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *