GithubHelp home page GithubHelp logo

watson / airplanejs Goto Github PK

View Code? Open in Web Editor NEW
678.0 15.0 45.0 110 KB

๐Ÿ“ก โœˆ๏ธ App that picks up ADS-B radio signals from airplanes and plots them in real time on a map in your browser

License: MIT License

HTML 2.90% JavaScript 94.51% CSS 2.60%
rtl-sdr sdr ads-b

airplanejs's People

Contributors

watson avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

airplanejs's Issues

AirplaneJS fails to install on Raspberry Pi via NPM

When attempting to run npm i airplanejs I get the following error(s):

make: *** [rtlsdr.target.mk:109: Release/obj.target/rtlsdr/src/binding.o] Error 1
make: Leaving directory '/home/pi/PortaPi-UI/node_modules/rtl-sdr/build'
gyp ERR! build error
gyp ERR! stack Error: `make` failed with exit code: 2
gyp ERR! stack     at ChildProcess.onExit (/usr/lib/node_modules/npm/node_modules/node-gyp/lib/build.js:194:23)
gyp ERR! stack     at ChildProcess.emit (events.js:315:20)
gyp ERR! stack     at Process.ChildProcess._handle.onexit (internal/child_process.js:275:12)
gyp ERR! System Linux 4.19.118-v7+
gyp ERR! command "/usr/bin/node" "/usr/lib/node_modules/npm/node_modules/node-gyp/bin/node-gyp.js" "rebuild"
gyp ERR! cwd /home/pi/PortaPi-UI/node_modules/rtl-sdr
gyp ERR! node -v v12.18.0
gyp ERR! node-gyp -v v5.1.0
gyp ERR! not ok
npm WARN [email protected] No description
npm WARN [email protected] No repository field.

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] install: `node-gyp rebuild`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] install script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /home/pi/.npm/_logs/2020-06-16T17_53_27_221Z-debug.log

I am running on a Raspberry Pi 3 running Raspberry Pi OS 4.19 and NodeJS v12.18.0. librtlsdr is also installed via apt-get.

[Feature Proposal] Open FlightRadar link in new tab

After using this excellent software, I've found that it can be inconvenient to click the link to FlightRadar24 (seen below), as the link opens in the same page rather than a new tab.

image

I would like to propose that a change is made to open the FlightRadar link in a new tab, rather than in the same window. I'd be happy to make the change and submit a PR!

AirplaneJS does not run in Safari for Mac OS X

Problem

The AirplaneJS browser client does not render properly in Safari version 10.0.1 on Mac OS X El Capitan (10.11.6).

Expected Behavior

It is expected that once AirplaneJS is run from the command line interface, the map screen will be presented in the user's browser of choice when accessed from localhost:3000 or 127.0.0.1:3000.

Actual Behavior

The behavior described in the previous section does not take place in the version of Safari noted above. Instead, the client returns two error messages to the console:

[Error] SyntaxError: Can't create duplicate variable that shadows a global property: 'map'
	(anonymous function)
[Error] InvalidValueError: initMap is not a function
	sh (js:100:131)
	(anonymous function) (js:150)
	Load (js:21)
	(anonymous function) (js:149)
	Global Code (js:150)

Additional Details

The aircraft JSON endpoint, accessible via http://localhost:3000/aircrafts, still renders properly in Safari, with expected JSON data populated.

fail to use it on windows

hello, trying both commands "npx" or "npm", It's return:
gyp ERR! configure error
gyp ERR! stack Error: Command failed: C:\Users\Phil\AppData\Local\Programs\Python\Python36\python.EXE -c import sys; print "%s.%s.%s" % sys.version_info[:3];
gyp ERR! stack File "", line 1
gyp ERR! stack import sys; print "%s.%s.%s" % sys.version_info[:3];
gyp ERR! stack ^
gyp ERR! stack SyntaxError: invalid syntax
gyp ERR! stack
gyp ERR! stack at ChildProcess.exithandler (child_process.js:289:12)
gyp ERR! stack at ChildProcess.emit (events.js:182:13)
gyp ERR! stack at maybeClose (internal/child_process.js:962:16)
gyp ERR! stack at Process.ChildProcess._handle.onexit (internal/child_process.js:251:5)
gyp ERR! System Windows_NT 10.0.17134
gyp ERR! command "C:\Program Files\nodejs\node.exe" "C:\Program Files\nodejs\node_modules\npm\node_modules\node-gyp\bin\node-gyp.js" "rebuild"
gyp ERR! cwd C:\Users\Phil\AppData\Roaming\npm\node_modules\airplanejs\node_modules\rtl-sdr
gyp ERR! node -v v10.13.0
gyp ERR! node-gyp -v v3.8.0
gyp ERR! not ok
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] install: node-gyp rebuild
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] install script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\Phil\AppData\Roaming\npm-cache_logs\2018-11-25T17_14_26_434Z-debug.log

could you help me?

Find better default map center

Currently the map is hardcoded to default to Paris as this is where I first gave a demo of AirplaneJS. But this results in a weird "blinking" effect where sometimes first Paris is loaded, but then your current position is loaded.

It would be nicer if the map was either zoomed all the way out until it could determine your location, or if there was a better way to choose a default location, or maybe even wait drawing the map until your location had been found.

Gotchas

  • It have to be taken into account that the first time someone starts the map, they have not yet approved the browser to know their current location.
  • Some browsers (e.g. Safari) will not allow the user to share their current location when running on localhost.

server don't start

First of -- Awesome idea. I am dying to run.
I see server starting and closing very quickly.

Linux OpenSuSe Tumbleweed; node v9.2.0; NooElec dongle.

drom@drom:~/work/github/watson/airplanejs> node server.js 
Detached kernel driver
Found Rafael Micro R820T tuner
Exact sample rate is: 2000000.052982 Hz
Opening http://localhost:3000 in your favorite browser...
Closing down RTL-SDR device...
Reattached kernel driver
drom@drom:~/work/github/watson/airplanejs> 

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.