Announcing PiAware 4.0!

[abcd567]

@hphillip

Great!
Having each ring in a different color makes it easy to judge the distance at a glance.

 

Couple of years ago I have done this, but in slight different way i.e. as follows

Colored Range Circles Alternating Red/Blue (like VRS)
and
Made Circles dashed line instead of solid line

 

@abcd567

(2) COLORING RANGE CIRCLES ALTERNATE RED/BLUE dump1090-fa version 3.5.0

#enter the html folder
cd /usr/share/dump1090-fa/html/

#make a copy of script.js by the name script_orig.js before modifications.
#this way you will have a backup copy in case somrthing goes wrong.
sudo cp script.js script_orig.js

#open file script.js for editing
sudo nano script.js

The last command above will open the file “script.js” for editing

Press Ctrl+w, then type circleStyle , then press Enter key. The cursor will jump to the line:
var circleStyle = function(distance) {

Make changes as shown in red below, save the file and exit the editor.
Reload the Browser to see map with colored circles.

NOTE:
Forum is blocking me to post the code. Code below is a screenshot of Word file. Download the Word file containing code to facilitate copy-paste.

Click here to Download: ColorCircles-dump1090-fa.docx