Repository files navigation

A light-weight web client for plane spotting usingdump1090.

1. git clone https://github.com/Slord6/1090webclient.git
2. Update the url variable ingetNewData inmap.js to point at your data source
3. Either Just openindex.html or host with you favourite web server - if you don't have one, I'm usingFenix.

Super, super simple (plain js/css/html)dump1090 web client usingLeaflet for maps.

Currently set up to use Open Street Maps for map tiles but any leaflet-supported map tile service should work (see the list oftile servers).

Note: This is not 'production-ready' code - it works, but it's also, for example, consuming the server's data as HTML in places - don't just throw this on the internet if you don't know what you're doing.

Once you're serving the website, just navigate to it in a web browser (only tested in Chrome, so that's your best bet) and then wait for planes to appear.

Hover over a plane on the map for more info.

Depending on the version ofdump1090 you have and your setup, there might be a slight modification you need to make in order not to get cross-origin errors. (Or you can install myfork, where I did this already but it's not too hard to do)

I've tried to write the following instructions so someone who's never written code in their life can fix it, but if you have problems feel free to open an issue and I'll try and help you out.

The following instructions assume:

• You havegit cloned thedump1090 repository as the instructions there explain
• You are running a linux system (in my caseraspbian). However, the instructions should be fairly similar for other setups.
• You aressh-ing into the system or only have a command line (if not and you have a GUI, then you can open the file with any text editor and start at #3)

1. Navigate to the cloned directory on the command line
2. Open thenet_io.c file -nano ./net_io.c
3. Now we need to edit the headers sent in the HTTP responses
   • Find the function with the namehandleHTTPRequest and the section commented// Create the header and send the reply (In nano you can search withCtrl-W)
   • After"Content-Length: %d\r\n" add"Access-Control-Allow-Origin: *\r\n" on a new line
   • Save the file (in nano this isCtrl-X and thenY to save)
4. Runmake in the same directory to rebuild dump1090
5. Run./dump1090 --net --interactive and open or refresh the client - the issue should be resolved (if not, open an issue)

If you don't see any planes, check the console to see if your problem reveals itself there. If not, open an issue.

Edit the lat/lon + zoom values passed tosetView on the first line ofmap.js

You want thedataFetchBreakTime variable

See separate file (but its MIT)