Read GPS data from a PiZero in a single page web app via a WebSocket
Alternatives To Pzgps
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
25 days agogpl-3.0C++
RTTY Decoder for SDR and HAB
2 years agoapache-2.0JavaScript
Read GPS data from a PiZero in a single page web app via a WebSocket
5 years agomitJavaScript
Track your vehicle fleet
7 years agomitC++
ESP8266 with WebSocket, WebServer, File System and GPS
8 months agomitPython
Parse messages from NASCAR RaceView to extract race data
Gps Tracking Web User Interface2
6 years agoJava
Use technologies including Spring WebSocket, Google Maps, Materialize.
4 years ago1mitCoffeeScript
Official Ros Packages For Dji Onboard Sdk2
6 years agoC
Alternatives To Pzgps
Select To Compare

Alternative Project Comparisons


The goal of this project is to collect data from a GPS unit connected to a Raspberry Pi Zero and stream that data out to a web front end via a WebSocket.


This project uses Lerna to manage the server and front end packages (in --independant mode). If you want to develop anything, you'll need to install Lerna so you can lerna bootstrap which will install all of the dependencies for each repo.

npm install --global lerna

Pull Requests Accepted!

  • Please feel free to submit pull requests.
  • This project is meant to be a sandbox for learning various things, so expect things to change.
  • If this info turns out to be useful to you, please let me know!

Using the Server Package

The server package, that provides the GPS data over the WebSocket, resides in /packages/pzgps-server/ and has a thorough README.md that you should read.

Using the Front End Packages


Currently the Preact version of the front end has the most code/features/effort.

Run the webserver with npm start.

Note the packages/pzgps-preact/src/lib/conf.js file, which should be modified to match your pizero's name on your network. You can change the name by logging into the pizero, then...

  • raspi-config
  • Go to Advanced Options
  • Go to Hostname
  • Type in a new hostname then hit Ok

Enabling a MapQuest staticmap

One of the views can load a Mapquest "staticmap" if you have a "Consumer Key" and provide a module from the NodeJS application that includes that key.

  • Register for a developer account for free.

  • Go to your new profile, and click the "Manage Keys" on the left side menu.

  • Click the "Create a New Key" button and provide a name (callback url is not needed for this project).

  • You can always find your Consumer Key on the "Manage Keys" page after creating one.

  • Make a file in the /packages/pzgps-server/lib directory named mqkey.js and format it like the example below.

    module.exports = { 'consumerKey': 'PASTE YOUR CONSUMER KEY HERE' };

When starting the server use the --mq flag. An NPM command is provided in /packages/pzgps-server/package.json that will start with the MapQuest module included (eg, npm run withMapquest will execute node index.js --port 9000 --mq).

Assuming all of the above is in place, the MapQuest component in the UI will receive the key over the WebSocket and use it to formulate the URL to get the static map. Because the client is receiving updates from the server continually, the map will update if the coordinates change.


In the /packages/pzgps-angular1/ directory, run npm start to start the webserver. The default port of the webserver can be changed in the /packages/pzgps-angular1/bs-config.json file.


In the /packages/pzgps-reactjs/ directory, run npm start to start the webserver. This project uses webpack and will auto-reload your browser for you.

Popular Websocket Projects
Popular Gps Projects
Popular Networking Categories
Related Searches

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.