Artigo WebMobile 14 - Integrando Google Maps aos seus aplicativos web

Integrando Google Maps aos seus aplicativos web

Enquanto o amadurecimento da web continua, nós vemos um número crescente de tecnologias surpreendentes que levarão os nossos aplicativos a novos níveis de poder e usabilidade. O mais recente desenvolvimento que chama a atenção dos desenvolvedores é chamado Ajax, forma abreviada para o Asynchronous JavaScript + XML. Esta forma de desenvolvimento parece ter revitalizado o objetivo da comunidade do desenvolvimento web, que é de criar aplicativos que possuem interfaces tão ricas e com bom tempo de resposta quanto qualquer aplicativo desktop, mas com a vantagem da acessibilidade através do navegador web.

Talvez o aplicativo mais famoso envolvendo o modelo de Ajax seja o Google Maps. Certamente, você já se divertiu com este site da web, talvez o alimentando com o seu ou outros endereços de interesse, e ficou interessado em como o site respondeu aos seus comandos de zoom e movimentação no mapa como se fosse uma aplicação de tempo real. Não seria interessante incorporar as potencialidades de mapeamento do Google em seus aplicativos, beneficiando-se não somente de seu enorme banco de dados, mas também da interface que vem com ele?

Você pode se surpreender ao saber que o Google oferece uma API gratuita que torna essa tarefa bastante trivial. Desde que você aceite os termos do uso, e não ultrapasse 50.000 vistas da página por dia sem obter autorização prévia, você está livre para usar esta API para implementar a tecnologia de mapeamento do Google ao seu site web. Neste artigo você aprenderá como fazer exatamente isto. Especificamente, você aprenderá como integrar mapas em páginas web, estender o recurso de mapeamento para marcar locais do interesse de usuários do seu site e, até mesmo, exibir descritores específicos de posição, simplesmente, clicando no ícone correspondente. Mas primeiro, para se inspirar, tire um tempo para conhecer algumas implementações que são destaque na web:

·         HousingMaps: HousingMaps.com se beneficia do Craiglist e do Google Maps para representar visualmente casas e apartamentos colocados à venda e locação nos Estados Unidos;

·         Recent Earthquakes (http://quake.usgs.gov/recenteqs/): mapeia os terremotos que aconteceram nos últimos sete dias;

·         Google Maps Mania (http://googlemapsmania.blogspot.com/): Um blog interessante cobrindo as novidades de mapeamento e projetos do Google.

Pré-requisitos

Nenhuma ferramenta de desenvolvimento específica é exigida para se beneficiar da API de mapeamento do Google, tudo que é necessário é um editor de texto, navegador web e um servidor web. Observe que o servidor tem que ser público, você não pode desenvolver em um servidor interno, já que cada pedido deve se comunicar com o servidor de mapeamento do Google para trabalhar corretamente. Você, entretanto, necessitará de uma chave de API fornecida pelo Google para que as cotas de uso possam ser monitoradas. Comece lendo algumas das regras de uso e solicitando a chave no endereço http://www.google.com/apis/maps/signup.html.

Você precisará confirmar o registro clicando no link fornecido a você através do e-mail. Será neste e-mail que você receberá a chave para utilização do serviço do Google. Cole esta chave em um arquivo de texto, porque você necessitará integrá-la aos certificados usados para criar os mapas.

Seu primeiro mapa

Incorporar um mapa do Google ao seu site da web é surpreendentemente fácil, realizado com apenas algumas linhas de código. Comece copiando e colando o fragmento de código da "

ATENÇÃO! A exibição deste artigo foi interrompida.

  Este é um post disponível para assinantes MVP

Este post também está disponível para assinantes da Mobile magazine DIGITAL ou para quem possui Créditos DevMedia.  Clique aqui para saber mais!

Saiba como acessar este post através de Créditos DevMedia:

Assinatura de Créditos – Aqui este post custa R$ 1,47
Com esse plano você compra R$ 180,00 em créditos e ganha, em média, 80% de desconto no preço do post.  
Assine agora

Plano ocasional - Aqui este post custa: R$ 1,96 (assinante) ou R$ 2,45 (não-assinante)
Você compra um mínimo de R$ 60,00 em créditos e ganha, em média, 50% de desconto no preço do post.  
Compre agora

Plano conveniência – Neste plano este post custa R$ 4,90
Neste plano você compra somente um post, pagando seu preço sem desconto.  
Compre agora