GPS-locatieweergave met GPS- en TFT-schermschilden
Componenten en benodigdheden
![]() |
| × | 1 | |||
| × | 1 | ||||
| × | 1 |
Apps en online services
![]() |
| |||
![]() |
|
Over dit project

Onlangs de geweldige mensen van Makerfabs stuurde me een Arduino GPS-schild ter ondersteuning van de Visuino ontwikkeling en sta me toe om meer Tutorials te maken. Ik wilde ook meer tutorials maken met mijn ILI9341 TFT Touchscreen Display Shield , en ik besloot een zelfstudie te maken met de 2 schilden samen .
In deze zelfstudie laat ik je zien hoe eenvoudig het is om de schilden te verbinden met Arduino , en programmeer het met Visuino om GPS-locatie weer te geven informatie over het Display .
Stap 1:Componenten


- Eén Arduino UNO compatibel bord (het werkt misschien ook met Mega, maar ik heb het schild er nog niet mee getest)
- Eén Makerfabs Arduino GPS-schild (Achterkant getoond op Afbeelding 2 )
- Eén ILI9341 2,4" TFT-touchscreen-schild voor Arduino
Nadat ik deze zelfstudie had gepost, vormen de geweldige mensen Makerfabs heeft een Speciale Combo gemaakt met alle componenten voor dit project !
Stap 2:Start Visuino, voeg toe en configureer TFT Display Shield



Sinds de Arduino UNO heeft slechts één seriële poort en is nodig om de Arduino . te programmeren , moet u de Arduino UNO . programmeren voor de GPS is verbonden.
Om te beginnen met het programmeren van de Arduino, heb je de Arduino IDE . nodig geïnstalleerd vanaf hier:http://www.arduino.cc/.
Zorg ervoor dat je 1.6.7 of hoger installeert, anders werkt deze tutorial niet!
De Visuino :https://www.visuino.com moet ook worden geïnstalleerd.
- Start Visuino zoals getoond in de eerste foto
- Klik op de "Pijl omlaag " knop van de Arduino-component om het vervolgkeuzemenu te openen (Afbeelding 1 )
- Selecteer in het menu "Schilden toevoegen... " (Afbeelding 1 )
- In de "Schilden " dialoogvenster vouw de "Beeldschermen . uit " categorie en selecteer de "TFT kleuren touchscreen ILI9341 Shield ", klik vervolgens op de ""-knop om het toe te voegen (Afbeelding 2 )
- In de Object Inspector vouwt u de "Tekst . uit " eigendom (Afbeelding 3 )
- Stel in de Object Inspector de waarde van de "Grootte . in " sub-eigenschap van de "Text " eigendom naar "2 " (Afbeelding 3 ) - Dit maakt de standaard tekstgrootte groter bij het tekenen van tekst op het scherm
Stap 3:In Visuino:tekstveldelementen toevoegen voor de GPS-locatie-informatie





Vervolgens moeten we grafische elementen toevoegen om de breedtegraad, lengtegraad en hoogte van de GPS weer te geven:
- Klik in de Object Inspector op de "... " knop naast de waarde van de "Elementen " eigenschap van het "TFT-scherm " Element (Afbeelding 1 )
- Selecteer in de Elementen-editor "Tekstveld ”, en klik vervolgens op 3 keer op de "" knop (Afbeelding 2 ) om 3 van hen toe te voegen (Afbeelding 2 )
- Selecteer de 3 "Tekstveld " Elementen (Afbeelding 3 )
- Stel in de Object Inspector de waarde in van de "Auto grootte " eigenschap van de 3 elementen naar "Onwaar " (Afbeelding 3 )
- Stel in de Object Inspector de waarde van de "Breedte . in " eigenschap van de 3 elementen naar "10 " (Afbeelding 3 )
- Stel in de Object Inspector de waarde van de "X . in " eigenschap van de 3 elementen naar "10 " (Afbeelding 3 )
Stap 4:In Visuino:stel de rest van de eigenschappen van de tekstveldelementen in




- Selecteer het "Tekstveld1 " Element (Afbeelding 1 )
- Stel in de Object Inspector de waarde van de "Initial Value . in " eigenschap van het element naar "Update " (Afbeelding 1 ) - hier wordt Update . weergegeven totdat de eerste waarde van de GPS arriveert
- Stel in de Object Inspector de waarde van de "Y . in " eigenschap van het element naar "20 " (Afbeelding 2 )
- Selecteer het "Tekstveld2 " Element (Afbeelding 3 )
- Stel in de Object Inspector de waarde van de "Y . in " eigenschap van het element naar "40 " (Afbeelding 3 )
- Selecteer het "Tekstveld3 " Element (Afbeelding 4 )
- Stel in de Object Inspector de waarde van de "Y . in " eigenschap van het element naar "60 " (Afbeelding 4 )
Stap 5:In Visuino:Seriële GPS-component toevoegen en aansluiten






Om de GPS-informatie van het GPS Shield te decoderen , moeten we een GPS-component toevoegen en verbinden in Visuino :
- Typ "GPS " in het filtervak van de Component Toolbox en selecteer vervolgens de "Seriële GPS " component (Afbeelding 1 ), en zet het in het ontwerpgebied
- Verbind de "Latitude " output pin van de "Locatie " vak van de GPS1 component naar de "In " pin van het "Shields.TFT DisplayElements.Text Field1 " element van de Arduino component (Afbeelding 2 )
- Verbind de "Lengtegraad " output pin van de "Locatie " vak van de GPS1 component naar de "In " pin van het "Shields.TFT DisplayElements.Text Field2 " element van de Arduino component (Afbeelding 3 )
- Verbind de "Hoogte " output pin van de "Locatie " vak van de GPS1 component naar de "In " pin van het "Shields.TFT DisplayElements.Text Field3 " element van de Arduino component (Afbeelding 4 )
- Sluit de "Out . aan " pin van de GPS1 component (Afbeelding 5 ) naar de naar de "In " pin van de "Serial[ 0 ] " van de Arduino component (Afbeelding 6 )
Stap 6:Genereer, compileer en upload de Arduino-code


- In Visuino , Druk op F9 of klik op de knop die wordt weergegeven op Afbeelding 1 om de Arduino-code te genereren en de Arduino IDE te openen
- In de Arduino IDE , klik op de Uploaden knop, om de code te compileren en te uploaden (Afbeelding 2 )
Stap 7:Configureer en verbind het GPS-schild met Arduino





Nu de Arduino UNO is geprogrammeerd, kunnen we de schilden installeren.
Het Maketfabs GPS-schild heeft jumpers waarmee u de pinnen kunt configureren die worden gebruikt voor seriële communicatie met de GPS-chip (Afbeelding 1 ). We zullen ze configureren om de Hardware Serial . te gebruiken op pinnen 0 en 1 van de Arduino UNO :
- Configureer de TX-jumper om de TX . aan te sluiten om 0 vast te pinnen (Afbeelding 1 )
- Configureer de RX-jumper om de RX . aan te sluiten naar Pin 1 (Afbeelding 1 )
- Steek het TFT-schild bovenop de Arduino Uno zoals getoond op Afbeeldingen 2, 3, 4 en 5
Stap 8:Sluit de ILI9341 TFT Touchscreen Display Shield aan op Arduino




Sluit het TFT-schild aan bovenop de Arduino Uno zoals op de foto's.
Stap 9:En speel...





Gefeliciteerd! Je hebt het project voltooid.
Afbeeldingen 2, 3, 4 en 5 en de Video laat het aangesloten en ingeschakelde project zien.
- Schakel de Arduino UNO in
- Aanvankelijk ziet u "Update " weergegeven op het TFT Display Shield (Afbeelding 1 )
- Als je van de zijkant kijkt (Afbeelding 2 ), zult u na een tijdje zien dat de Blauwe LED op het Makerfabs GPS-schild begint te knipperen om aan te geven dat het schild GPS-satellieten heeft gevonden (Afbeelding 3 )
- Kort daarna de GPS-locatie wordt weergegeven op het TFT Display Shield (Afbeelding 4 )
Afhankelijk van de locatie kan het enkele minuten duren voordat de locatiegegevens worden weergegeven. Als de gegevens na een paar minuten nog steeds niet worden weergegeven, schakelt u het project uit, wacht u ongeveer een minuut en schakelt u het opnieuw in om de GPS opnieuw in te stellen.
Op Afbeelding 1 je kunt de volledige Visuino . zien diagram. Je kunt het downloaden en openen in Visuino :https://www.visuino.com
Als je niet over de benodigde componenten beschikt, vormen de geweldige mensen Makerfabs heeft een Speciale Combo gemaakt met alle componenten voor dit project !
FJV6QQLIWMR2MVJ.zip
Productieproces
- Bitmap-animatie op ILI9341 TFT Touchscreen Display Shield
- Arduino Temp. Monitor en realtimeklok met 3.2-weergave
- Foto's en RGB-video op TFT SPI-display
- Spelen met Nextion Display
- DIY voltmeter met Arduino en een Nokia 5110-display
- Een afbeelding weergeven op een LCD TFT-scherm met Arduino UNO!
- BME280 temperatuur, vochtigheid en druk op Nextion-display
- Besturing van servomotor met Arduino en MPU6050
- u-blox LEA-6H 02 GPS-module met Arduino en Python
- Spraakherkenning en synthese met Arduino
- TFT Shield voor Arduino Nano - Start