less definition map (OSM)


#1

If you are using the new openlayers versions of Dump1090, you might be interested in this change to the OpenStreetMap map, that provides a much more subdued map (so as to better see aircraft).

In layers.js


        world.push(new ol.layer.Tile({
                source: new ol.source.OSM({
		  "url" : "http://{a-c}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}.png"
		}),
                name: 'osm',
                title: 'OpenStreetMap',
                type: 'base',
        }));


results:
https://dl.dropboxusercontent.com/u/12973352/osm.jpg


methods to show flight info labels directly on dump1090 map?
#2

Very nice, they ought to put a “Subdued map” option in the menu for the next version. But this is nice.


#3

I like it! 8)


#4

Akissack,
how you have put info: callsign etc in your planes?

thanks.
Regards,
Miguel


#5

Miguel,

the technique is here: ads-b-flight-tracking-f21/methods-to-show-flight-info-labels-directly-on-dump1090-map-t38366.html

For my install I also run a mySQL database that I query to give me a ‘aircraft type’

Al


#6

Hi Akissack,
thanks for your help.

I have add to your code this line:

labelText = labelText +'
Type: '+this.icaotype ;

For see aircraft type, and work.

Can you explain a little about your query?

Thanks.
Regards,
Miguel


#7

This is a terrain map that I use to see airplanes better.

You must remove the underscores from the “_href” keywords because I had to hide them from the forum software to post this.

The first one has roads and labels. http://maps.stamen.com/terrain

The second one does not have roads or labels. http://maps.stamen.com/terrain-background



        world.push(new ol.layer.Tile({
                source: new ol.source.OSM({
                  "url" : "http://{a-d}.tile.stamen.com/terrain/{z}/{x}/{y}.png", 
                  "attributions" : 'Map tiles by <a _href="http://stamen.com">Stamen Design</a>, under <a _href="http://creativecommons.org/licenses/by/3.0">CC BY 3.0</a>. ' 
                                 + 'Data by <a _href="http://openstreetmap.org">OpenStreetMap</a>, under <a _href="http://www.openstreetmap.org/copyright">ODbL</a>.',
                }),
                name: 'terrain',
                title: 'Terrain',
                type: 'base',
        }));

        world.push(new ol.layer.Tile({
                source: new ol.source.OSM({
                  "url" : "http://{a-d}.tile.stamen.com/terrain-background/{z}/{x}/{y}.png", 
                  "attributions" : 'Map tiles by <a _href="http://stamen.com">Stamen Design</a>, under <a _href="http://creativecommons.org/licenses/by/3.0">CC BY 3.0</a>. ' 
                                 + 'Data by <a _href="http://openstreetmap.org">OpenStreetMap</a>, under <a _href="http://www.openstreetmap.org/copyright">ODbL</a>.',
                }),
                name: 'terrain',
                title: 'Terrain Background',
                type: 'base',
        }));



#8

Very nice guys! I took the ideas above, cleaned a couple things up, added attributions if needed and added a Wikimedia-osm-intl tiles to the mix. I think it’s a nice clean map as well.
These can be pasted into /usr/share/dump1090-mutability/html/layers.js right after the existing default world source is pushed



        world.push(new ol.layer.Tile({
                source: new ol.source.OSM( {
                   "url" : "https://maps.wikimedia.org/osm-intl/{z}/{x}/{y}.png",
                   "attributions" : 'Map tiles by Wikimedia maps beta. '
                                 + 'Data by <a _href="http://openstreetmap.org">OpenStreetMap</a>, under <a _href="http://www.openstreetmap.org/copyright">ODbL</a>.',
                }),
                name: 'osm-intl',
                title: 'WikiMedia',
                type: 'base',
        }));

        world.push(new ol.layer.Tile({
                source: new ol.source.OSM( {
                   "url" : "http://{a-c}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}.png",
                   "attributions" : 'Map tiles by <a _href="https://cartodb.com/attributions">CartoDB</a>. '
                                 + 'Data by <a _href="http://openstreetmap.org">OpenStreetMap</a>, under <a _href="http://www.openstreetmap.org/copyright">ODbL</a>.',
                }),
                name: 'carto_light',
                title: 'Carto Light',
                type: 'base',
        }));

        world.push(new ol.layer.Tile({
                source: new ol.source.OSM( {
                   "url" : "http://{a-d}.tile.stamen.com/terrain/{z}/{x}/{y}.png",
                    "attributions" : 'Map tiles by <a _href="http://stamen.com">Stamen Design</a>, under <a _href="http://creativecommons.org/licenses/by/3.0">CC BY 3.0</a>. '
                                 + 'Data by <a _href="http://openstreetmap.org">OpenStreetMap</a>, under <a _href="http://www.openstreetmap.org/copyright">ODbL</a>.',
                }),
                name: 'terrain',
                title: 'Terrain',
                type: 'base',
        }));

        world.push(new ol.layer.Tile({
                source: new ol.source.OSM({
                  "url" : "http://{a-d}.tile.stamen.com/terrain-background/{z}/{x}/{y}.png",
                  "attributions" : 'Map tiles by <a _href="http://stamen.com">Stamen Design</a>, under <a _href="http://creativecommons.org/licenses/by/3.0">CC BY 3.0</a>. '
                                 + 'Data by <a _href="http://openstreetmap.org">OpenStreetMap</a>, under <a _href="http://www.openstreetmap.org/copyright">ODbL</a>.',
                }),
                name: 'terrain_background',
                title: 'Terrain Background',
                type: 'base',
        }));


As mentioned above, be sure to remove the underscores from all the _href instances.

Here is a sample shot of the Wikimedia in action - excuse all the other info text, I been playing around with some other stuff that Akissack brought to light
http://puush.hopto.me/xpJl

For those that still use mutability (like me), can easily switch over to the dump1090-FA map html using the following:



git clone https://github.com/flightaware/dump1090.git
sudo rm -rf /usr/share/dump1090-mutability/html
sudo cp -r dump1090/public_html  /usr/share/dump1090-mutability/html
sudo mv /usr/share/dump1090-mutability/html/index.html /usr/share/dump1090-mutability/html/gmap.html
sudo wget -O /usr/share/dump1090-mutability/html/upintheair.json "http://www.heywhatsthat.com/api/upintheair.json?id=HWTID&refraction=0.25&alts=3048,12192"
rm -rf dump1090


Be sure to replace the “HWTID” with your own HeyWhatsThat.com panorama ID - adding that .json file will enable the site distance rings as shown above. The 3048,12192 are altitude delimiters in meters, so this example is adding 10k ft and 40kft terrain distance rings. Can change however you see fit, and add more, or strip one off. Caution when using the above code - it will wax any existing modifications you may have already made, so if want to go this route, do that first, then modify the underlying files.

Hope this is of use to someone. I simply compiled some ideas that were already here from various users.


#9

Miquel,

Sure, I can explain more but, as it is very database specific, drop me a PM and I will explain my setup

Al