ua1zbe
/
openwebrxplus
mirror of https://github.com/luarvique/openwebrx
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Add Extra Map Layers to Leaflet

This commit is contained in:
Stanislav Lechev [0xAF] 2023-08-31 23:07:51 +03:00
parent ff82c5d62d
commit 124dcc3fbe
2 changed files with 24 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
htdocs/map-leaflet.html
View File

@ -18,6 +18,7 @@
<div id="openwebrx-map-selectors">
<h3>Map</h3>
<select style="width:100%;" id="openwebrx-map-source"></select>
<div id="openwebrx-map-extralayers"></div>
<h3>Colors</h3>
<select style="width:100%;" id="openwebrx-map-colormode">
<option value="byband" selected="selected">By Band</option>

23
htdocs/map-leaflet.js
View File

@ -110,6 +110,16 @@ var mapSources = [
},
];
var mapExtraLayers = [
{
name: 'OpenSeaMap',
url: 'https://tiles.openseamap.org/seamark/{z}/{x}/{y}.png',
options: {
attribution: 'Map data: &copy; <a href="http://www.openseamap.org">OpenSeaMap</a> contributors'
},
},
];
// reasonable default; will be overriden by server
var retention_time = 2 * 60 * 60 * 1000;
@ -275,6 +285,19 @@ MapManager.prototype.initializeMap = function(receiver_gps, api_key) {
});
map.addLayer(m.layer)
});
$.each(mapExtraLayers, function (idx, mel) {
mel.layer = L.tileLayer(mel.url, mel.options);
$('#openwebrx-map-extralayers').append(
$('<label><input type="checkbox" id="openwebrx-map-layer-' + mel.name + '">' + mel.name + '</label>').on('change', function (e) {
if (e.target.checked) {
map.addLayer(mel.layer);
} else {
if (map.hasLayer(mel.layer))
map.removeLayer(mel.layer);
}
})
);
});
// Create map legend selectors
self.setupLegendFilters(layerControl.legend);