Add Range Rings To Map


#1

I’ve been looking around and seeing some users with range rings on their map view of dump1090. Can someone show me how to do this on the raspberry pi?


#2

I use Virtual Radar Server on a windows box and point it to Dump1090 on my Pi. virtualradarserver.co.uk/

Cheers!
LitterBug


#3

I didnt use dump1090 very long before I upgraded to dump1090 mutability. Mutability has range rings, unsure about regular dump1090.
That may be what you are seeing.


#4

You need to edit the file /usr/share/dump1090/public_html/config.js

This thread shows you how.

viewtopic.php?f=21&t=19574&view=next


#5

Thanks!


#6

Thank you, this tip was just what I was looking for… :smiley:


#7

HOW TO GET ALTERNATING BLUE/RED CIRCLES IN DUMP1090 IN PIAWARE?

Make a new directory orig-html and copy original files of public_html directory into new directory orig-html
In case you want to revert back, you can copy back these original files to public_html.


cd /usr/share/dump1090/
sudo mkdir orig-html
sudo cp /usr/share/dump1090/public_html/*.* /usr/share/dump1090/orig-html/

#check that files have been successfully copied in new directory orig-html:

cd orig-html
dir

#This will be displayed:
config.js     gmap.html   planeObject.js  style.css
extension.js  options.js  script.js


Now EDIT the file “config.js” in the folder public_html:


cd /usr/share/dump1090/public_html
sudo nano config.js


This will open file config.js for editing in terminal.

File config.js with modifications in red:

// --------------------------------------------------------
//
// This file is to configure the configurable settings.
// Load this file before script.js file at gmap.html.
//
// --------------------------------------------------------

// – Output Settings -------------------------------------
// Show metric values
Metric = false; // true or false

// – Map settings ----------------------------------------
// The Latitude and Longitude in decimal format
CONST_CENTERLAT = 45.0;
CONST_CENTERLON = 9.0;
// The google maps zoom level, 0 - 16, lower is further out
CONST_ZOOMLVL = 10;

// – Marker settings -------------------------------------
// The default marker color
MarkerColor = “rgb(127, 127, 127)”;
SelectedColor = “rgb(225, 225, 225)”;

// – Site Settings ---------------------------------------
SiteShow = true; // true or false
// The Latitude and Longitude in decimal format
//Insert here YOUR Latitude & Longitude
SiteLat = 43.6; //YOUR Latitude
SiteLon = -79.6; //YOUR Longitude

SiteCircles = true; // true or false (Only shown if SiteShow is true)
// In nautical miles or km (depending settings value ‘Metric’)
SiteCirclesDistances = new Array(50,100,150,200,250,300);

After modifications, **save (Ctrl+o) and exit (Ctrl+x)
**

Now modify file script.js in folder public_html


sudo nano script.js


This will open file script.js for editing.
Now press “Ctrl+w” then type “function drawCircle” and press Enter.
The cursor will move to "function drawCircle"
Following code will be displayed. Make changes as shown in red:

function drawCircle(marker, distance) {
**
var circleColor;
if (distance==50||distance==150||distance==250)circleColor="#0000FF";
if (distance==100||distance==200||distance==300)circleColor="#FF0000";
**

if (typeof distance === 'undefined') {
    return false;

    if (!(!isNaN(parseFloat(distance)) && isFinite(distance)) || distance <$
        return false;
    }
}

distance *= 1000.0;
if (!Metric) {
    distance *= 1.852;
}

// Add circle overlay and bind to marker
var circle = new google.maps.Circle({
  map: GoogleMap,
  radius: distance, // In meters
  fillOpacity: 0.0,
  **strokeColor: circleColor,**
  strokeWeight: **2**,
  strokeOpacity: 0.3
});
circle.bindTo('center', marker, 'position');

}

After modifications, save (Ctrl+o) and exit (Ctrl+x)

now run the web interface and you will see colored circles.