colocar mapas no aplicativo kodular app inventor

Criar aplicativo com Mapas App Inventor Kodular

Neste tutorial vamos Criar aplicativo com mapas no app inventor ou kodular e vamos colocar nossa localização em um marcador no Mapa.

Primeiramente precisamos arrastar nosso componente mapa dentro da nossa área de trabalho.

Para fazer isso veja a imagem abaixo:

colocar mapa no kodular

Da mesma forma precisamos  setar as dimensões do nosso mapa para que ele ocupe toda a tela do nosso aplicativo a ser criado.

Para isso vamos setar as dimensões Height e Width para Fill Parent. Veja na imagem abaixo:

Após feito isso o mapa vai ocupar toda a tela do nosso aplicativo que está sendo criado no Kodular.

Posteriormente, vamos adicionar um marcador ao nosso mapa em nosso aplicativo.

Para isso vá até o componente mapa e arrate um marcador (maker) para dentro do seu mapa.

Veja na imagem abaixo como fazer isso:

como colocar um mapa no app inventor

Colocando a localização no mapa:

A manira mais simples de colocar a sua localização no mapa é fazendo isso manualmente. 

(se você precisa de algo mais profissional clique aqui e conheça o curso aplicativo mapas)

Para fazer isso vá até o site mapcoordinates e encontre a sua localização colocando seu endereço na caixa de texto ou navegando no mapa.

colocar mapa thunkable

Agora no seu aplicativo no Kodular, nas confirgurações do mapa, do lado direito, em center from string, coloque as suas coordenadas, lembrando que a latitude vem primeiro e a longitude vem depois. Também é necessário separar o par de coordenadas com uma vírgula: 

COLOCAR MAPAS NO APP invetor 2

Do mesmo modo, vamos setar a localização do marcador (maker1) para a sua localização, para isso mude as configurações do marcador do mapa para as suas coordenadas encontradas no site mapcoordinates. Veja na imagem como fazer:

colocar um mapa no kodular

Pronto! É só você copilar o apk clicando em export na parte superior da página do Kodular.

Se você precisa de algo profissional veja o nosso curso completo de mapas clicando na imagem abaixo abaixo: 

Tutorial para Criar aplicativo com mapas app inventor kodular

Deixe uma resposta

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