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.