Tela de localização GPS com GPS e telas TFT
Componentes e suprimentos
![]() |
| × | 1 | |||
| × | 1 | ||||
| × | 1 |
Aplicativos e serviços online
![]() |
| |||
![]() |
|
Sobre este projeto

Recentemente, o grande pessoal da Makerfabs me enviou um Escudo Arduino GPS para apoiar o Visuino desenvolvimento e me permita fazer mais tutoriais. Eu também queria fazer mais tutoriais com meu protetor de tela sensível ao toque ILI9341 TFT , e decidi fazer um Tutorial usando os 2 escudos juntos .
Neste tutorial, vou mostrar como é fácil conectar os Shields ao Arduino e programe-o com Visuino para exibir Localização GPS informações no Display .
Etapa 1:componentes


- Um Arduino UNO placa compatível (pode funcionar com Mega também, mas ainda não testei o escudo com ela)
- Um Makerfabs Arduino GPS Shield (Verso mostrado na Imagem 2 )
- Um ILI9341 2.4 "TFT Touchscreen Shield para Arduino
Depois de postar este tutorial, as pessoas excelentes formaram o Makerfabs fez um Combo especial contendo todos os componentes para este projeto !
Etapa 2:inicie o Visuino, adicione e configure a tela TFT Shield



Desde o Arduino UNO tem apenas uma porta serial, e é necessária para programar o Arduino , você precisará programar o Arduino UNO antes do GPS está conectado.
Para iniciar a programação do Arduino, você precisará ter o Arduino IDE instalado a partir daqui:http://www.arduino.cc/.
Certifique-se de instalar 1.6.7 ou superior, caso contrário, este tutorial não funcionará!
O Visuino :https://www.visuino.com também precisa ser instalado.
- Inicie o Visuino como mostrado na primeira foto
- Clique em " Seta para baixo "botão do componente Arduino para abrir o menu suspenso ( Imagem 1 )
- No menu, selecione " Adicionar escudos ... "( Imagem 1 )
- Na seção " Escudos "expanda a caixa de diálogo" Monitores "categoria e selecione a categoria" Tela de toque colorida TFT ILI9341 Shield ", a seguir clique no botão" "para adicioná-lo ( Figura 2 )
- No Inspetor de objetos, expanda o " Texto "propriedade ( Figura 3 )
- No Inspetor de objetos, defina o valor de " Tamanho "subpropriedade do" Texto "propriedade para" 2 "( Figura 3 ) - Isso aumentará o tamanho do texto padrão ao desenhar texto na tela
Etapa 3:No Visuino:adicione elementos de campo de texto para as informações de localização do GPS





Em seguida, precisamos adicionar elementos gráficos para exibir a latitude, longitude e altitude do GPS:
- No Inspetor de objetos, clique em " ... "ao lado do valor dos" Elementos "propriedade do" Display TFT Elemento "( Imagem 1 )
- No editor de elementos, selecione “ Campo de texto ”E, a seguir, clique em 3 vezes no botão "" ( Imagem 2 ) para adicionar 3 deles ( Figura 2 )
- Selecione o 3 " Campo de Texto "Elementos ( Figura 3 )
- No Inspetor de objetos, defina o valor de " Tamanho automático "propriedade dos 3 elementos para " Falso "( Figura 3 )
- No Inspetor de objetos, defina o valor de " Largura "propriedade dos 3 elementos para " 10 "( Figura 3 )
- No Inspetor de objetos, defina o valor de " X "propriedade dos 3 elementos para " 10 "( Figura 3 )
Etapa 4:no Visuino:defina o restante das propriedades dos elementos do campo de texto




- Selecione o " Campo de texto1 Elemento "( Imagem 1 )
- No Inspetor de objetos, defina o valor de " Valor inicial "propriedade do elemento para" Atualizar "( Imagem 1 ) - isso exibirá Atualizar até que chegue o primeiro valor do GPS
- No Inspetor de objetos, defina o valor de " Y "propriedade do elemento para" 20 "( Imagem 2 )
- Selecione o " Campo de texto2 Elemento "( Figura 3 )
- No Inspetor de objetos, defina o valor de " Y "propriedade do elemento para" 40 "( Figura 3 )
- Selecione o " Campo de texto3 Elemento "( Figura 4 )
- No Inspetor de objetos, defina o valor de " Y "propriedade do elemento para" 60 "( Imagem 4 )
Etapa 5:No Visuino:adicione e conecte o componente GPS serial






Para decodificar as informações de GPS do GPS Shield , precisamos adicionar e conectar um componente GPS no Visuino :
- Digite " GPS "na caixa Filtro da caixa de ferramentas do componente e selecione" GPS serial componente "( Figura 1 ) e colocá-lo na área de design
- Conecte o " Latitude "pino de saída do" Local "caixa do GPS1 componente para o " In "pino do" Shields.TFT DisplayElements.Text Field1 "elemento do Arduino componente ( Figura 2 )
- Conecte a " Longitude "pino de saída do" Local "caixa do GPS1 componente para o " In "pino do" Shields.TFT DisplayElements.Text Field2 "elemento do Arduino componente ( Figura 3 )
- Conecte a " Altitude "pino de saída do" Local "caixa do GPS1 componente para o " In "pino do" Shields.TFT DisplayElements.Text Field3 "elemento do Arduino componente ( Figura 4 )
- Conecte o " Saída "pino do GPS1 componente ( Figura 5 ) para o para " Em "pino do" Serial [0] "do Arduino componente ( Figura 6 )
Etapa 6:gerar, compilar e fazer upload do código do Arduino


- No Visuino , Pressione F9 ou clique no botão mostrado na Figura 1 para gerar o código do Arduino e abrir o IDE do Arduino
- No Arduino IDE , clique em Upload botão, para compilar e enviar o código ( Figura 2 )
Etapa 7:configurar e conectar o GPS Shield ao Arduino





Agora que o Arduino UNO está programado, podemos instalar os escudos.
O Maketfabs GPS Shield tem jumpers que permitem configurar os pinos usados para comunicação serial com o Chip GPS ( Imagem 1 ) Iremos configurá-los para usar o Hardware serial nos pinos 0 e 1 do Arduino UNO :
- Configure o jumper TX para conectar o TX para fixar 0 ( Imagem 1 )
- Configure o jumper RX para conectar o RX para Fixar 1 ( Imagem 1 )
- Conecte o escudo TFT em cima do Arduino Uno conforme mostrado nas Imagens 2, 3, 4 e 5
Etapa 8:conecte o protetor de tela de toque TFT ILI9341 ao Arduino




Conecte o escudo TFT em cima do Arduino Uno como mostrado nas fotos.
Etapa 9:e brincar ...





Parabéns! Você concluiu o projeto.
Imagens 2, 3, 4 e 5 e o Vídeo mostrar o projeto conectado e ligado.
- Ligue o Arduino UNO
- Inicialmente, você verá " Atualizar "exibido na tela TFT Shield ( Imagem 1 )
- Se você olhar de lado ( Figura 2 ), depois de algum tempo você verá que o LED azul no Makerfabs GPS Shield começará a piscar indicando que o escudo encontrou satélites GPS ( Figura 3 )
- Pouco depois disso, a localização GPS será exibido no escudo do monitor TFT ( Figura 4 )
Dependendo do local, pode levar alguns minutos para mostrar os dados do local. Se depois de alguns minutos os dados ainda não forem exibidos, desligue o projeto, espere um minuto e ligue-o novamente para redefinir o GPS.
Na Imagem 1 você pode ver o Visuino completo diagrama. Você pode fazer o download e abri-lo no Visuino :https://www.visuino.com
Se você não tem os componentes necessários, as pessoas excelentes formam o Makerfabs fez um Combo especial contendo todos os componentes para este projeto !
FJV6QQLIWMR2MVJ.zip
Processo de manufatura
- Animação de bitmap em ILI9341 TFT Touchscreen Display Shield
- Arduino Temp. Monitor e relógio em tempo real com tela 3.2
- Fotos e vídeo RGB na tela TFT SPI
- Brincando com Nextion Display
- Voltímetro DIY com Arduino e um visor Nokia 5110
- Exibindo uma imagem em uma tela LCD TFT com o Arduino UNO!
- BME280 Temperatura, Umidade e Pressão na Tela Nextion
- Controle do Servo Motor com Arduino e MPU6050
- u-blox LEA-6H 02 Módulo GPS com Arduino e Python
- Reconhecimento de fala e síntese com Arduino