Como criar um app Android com mapa

Android SDK

Como criar um app Android com mapa

Luiz Duarte
Escrito por Luiz Duarte em 26/04/2017
Junte-se a mais de 34 mil devs

Entre para minha lista e receba conteúdos exclusivos e com prioridade

Depois que escrevi o post sobre como criar um app Android com GPS muitos leitores me pediram para fazer uma parte 2, contendo um tutorial de como pinnar um local no mapa do Google dentro de um app. Isso é algo extremamente fácil de fazer em plataformas híbridas como Phonegap, mas gera um tanto de dúvidas em apps nativos, motivo do post de hoje.

Veremos neste post:

Criando e configurando o projeto

Primeiro, crie um novo projeto no Android Studio chamado MapApp com qualquer versão de Android acima da 4 e escolha como activity inicial uma do tipo Map Activity, como na imagem abaixo.

Isso irá criar alguns arquivos diferentes no seu projeto. O primeiro deles, google_maps_api.xml, estará na pasta values e será aberto automaticamente quando seu projeto for criado, indicando que você deve, antes de mais nada, obter uma API Key do Google Maps para poder fazer essa integração.

Para obter tal API, acesse esse link e preencha todos os dados que eles pedirem para obter uma chave. Se o link não funcionar é porque está configurado para minha aplicação, mas não se preocupe, esse link está comentado no seu google_maps_api.xml, então é só copiar e colar, como mostra a imagem abaixo:

Depois que inserir a api key onde diz YOUR API KEY HERE, mande rodar o seu app para que veja que ele já funciona, pinnando a localização de Sidney, na Australia. No entanto, é bem provável que seu emulador inicie, mas não rode o app, exibindo alguma mensagem como “your application relies on Google Play Services which is not supported by your device”, isso porque essas integrações com APIs do Google não funcionam em emuladores por padrão. Temos que criar um tipo especial de emulador para que funcione.

Criando o AVD com suporte a Google APIs

Primeiro, você terá de baixar o pacote Google APIs para a versão do Android que pretende emular, como a 5.1.1 na imagem abaixo:

Depois que baixar, você deverá criar um novo AVD, usando a versão “Google APIs” de Android, como mostra a imagem abaixo:

Já a imagem abaixo mostra a criação da mesma máquina, mas no Eclipse:

A primeira vez que executar esse AVD com Google APIs, ele provavelmente irá ficar parado um tempo atualizando com a mensagem “Google Play services are updating”. Aguarde até que termine e possa usá-lo corretamente (se ficar muito tempo travado nessa tela, experimente fechar apenas o Android Studio e abrir de novo, às vezes o ADB se perde).

Atenção: caso não esteja usando o emulador nativo do Android SDK (o que vem no Android Studio), usando ferramentas de terceiros como o Genymotion, por exemplo, não vai funcionar seu app de mapa. Para fazer funcionar nessas plataformas de terceiros, que não vem com o Google Play Services instalado, você vai precisar fazer mais alguns passos.

Curso React Native

Exibindo o mapa

Depois que o AVD terminar de atualizar, e estiver plenamente funcionando apenas mande rodar seu app que você verá o mapa funcionando com um pin em Sidney, Australia.

O app está pinnando esta localização por causa desse trecho de código aqui, presente no método onMapReady da classe MapsActivity.java:

Ou seja, caso você fixe a latitude e longitude no construtor da variável sydney, o mapa irá pinnar o local informado, como abaixo, onde pinei -30, -51, próximo a Porto Alegre/RS.

‘Bora fazer ele pinnar sua localização atual?

Marcando a posição atual

Primeiro vamos pegar emprestado alguns códigos de outro tutorial aqui do blog, o Como criar um app Android com GPS, que ensina como pegar a localização atual do dispositivo em coordenadas geográficas (latitude e longitude).

No mesmo método onMapReady, vamos pegar as coordenadas geográficas atuais para instanciar o objeto corretamente, como abaixo:

Neste exemplo, usei um try/catch para suprimir a mensagem de erro de falta de permissão, desnecessária em Androids anteriores ao 6. Inclusive o próprio projeto já foi criado com a permissão de GPS devidamente adicionada no AndroidManifest.xml. Caso vá rodar este exemplo em um Android 6+, dê uma olhada na forma como pedi as permissões de GPS pro usuário corretamente no post sobre o GPS do Android.

Basicamente este código pega a informação de latitude e longitude atual fornecida pelo sensor de GPS e criar um marcador (pin, marker, etc) adicionando-o no mapa. Inclusive se você brincar via telnet com o seu emulador, consegue pinnar diversos locais usando o comandos geofix como abaixo:

O que acaba adicionando diversos pins no mapa. Mas como resolver isso?

Nessa variação final, eu adiciono apenas um marker, e vou atualizando ele conforme as coordenadas do GPS mudem, evitando os múltiplos pins no mapa (que podem ser úteis em algum projeto seu também). Por padrão, defini que o marker fica apontando para Porto Alegre/RS.

Lembrando que você pode alterar uma localização GPS fake no emulador facilmente pelos controles extendidos, usando as reticências na sidebar de apoio do emulador, conforme na imagem abaixo.

E por hoje é isso. O que achou deste tutorial? Funcionou para você? Deixe aí nos comentários a sua percepção!

Curso Beholder

TAGS:

Olá, tudo bem?

O que você achou deste conteúdo? Conte nos comentários.

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

12 Replies to “Como criar um app Android com mapa”

Lucas Nascimento

Boa tarde.

Cara o app inicia mas não mostra o mapa…

Luiz Fernando Jr

Alguns pontos que você pode não ter reparado ao longo do tutorial:
– só funciona no simulador nativo usando uma imagem correta, chamada Google APIs
– se for usar outro simulador, tem um link no tutorial com mais instruções
– a primeira vez que você for executar, ele vai ficar em uma tela branca atualizando o Google Play Services. Vários minutos, dependendo da lentidão do simulador e da sua conexão de Internet.
Um abraço.

Jose ribeiro neto

Bom dia, como voce esta fazendo para quando apertar o Botao ele aponte no mapa sua posição, estou testando direto no aparelho , moto g4 plus com android 7.0

Luiz Fernando Jr

No meu exemplo não tem botão, ele carrega automático. Mas acho que isso aqui pode te ajudar: https://github.com/googlemaps/android-samples/blob/master/ApiDemos/app/src/main/java/com/example/mapdemo/MyLocationDemoActivity.java

Wellington Pombo Sousa

Boa noite,
Com é que eu faço para localizar um ônibus em tempo real

Luiz Fernando Jr

O ônibus deve ter hardware de GPS se comunicando com um servidor seu, para que você saiba onde ele está.

Daniel Almeida Henriques

Como faço para criar novos pontos?

Daniel Almeida Henriques

Como faço para criar novos pontos e traçar uma rota para esse novo ponto?

Luiz Fernando Jr

Boa noite. Você adiciona novos marcadores usando o método addMarker do mesmo jeito que usei para adicionar aquele ali. Para traçar rotas você terá de estudar a API Google Maps Directions, pois não tenho nenhum tutorial pronto sobre isso: https://developers.google.com/maps/documentation/directions/intro?hl=pt-br

Daniel Almeida Henriques

Digo ao clicar, altetar o market que é criado automático e ir para um novo

Luiz Fernando Jr

No objeto de mapa (mMap) tem um removeMarker se não me engano, que tu usa pra remover o marcador. Daí com o addMarker tu adiciona outro. Não tenho nenhum projeto com mapa que eu possa compartilhar.

Daniel Almeida Henriques

Teria algum projeto que usa o mapa, podendo criar uma nova marcação para eu ter como base em um app que estou desenvolvendo?