diff options
Diffstat (limited to 'web/public/javascripts')
| l--------- | web/public/javascripts/leaflet-tilelayer-colorfilter.min.js | 1 | ||||
| -rw-r--r-- | web/public/javascripts/map.js | 11 |
2 files changed, 4 insertions, 8 deletions
diff --git a/web/public/javascripts/leaflet-tilelayer-colorfilter.min.js b/web/public/javascripts/leaflet-tilelayer-colorfilter.min.js deleted file mode 120000 index d817736..0000000 --- a/web/public/javascripts/leaflet-tilelayer-colorfilter.min.js +++ /dev/null @@ -1 +0,0 @@ -../../node_modules/leaflet.tilelayer.colorfilter/src/leaflet-tilelayer-colorfilter.min.js
\ No newline at end of file diff --git a/web/public/javascripts/map.js b/web/public/javascripts/map.js index 23f4ec0..db50cbe 100644 --- a/web/public/javascripts/map.js +++ b/web/public/javascripts/map.js @@ -216,26 +216,23 @@ function initLiveLoading() { } } -function getModeFilter(darkmode) { - return darkmode ? ['hue:186deg', 'invert:100%'] : []; -} - function toggleDarkMap(e) { - mainTileLayer.updateFilter(getModeFilter(!darkmode)); darkmode = !darkmode; + document.getElementById('map').style['-webkit-filter'] = + document.getElementById('sidebar').style['-webkit-filter'] = + (darkmode) ? "invert(100%)" : "invert(0%)"; } let toggleDarkModeBtn = document.getElementById('toggle-btn') .addEventListener("click", toggleDarkMap); // different basemap -let mainTileLayer = L.tileLayer.colorFilter('https://stamen-tiles-{s}.a.ssl.fastly.net/toner-lite/{z}/{x}/{y}{r}.{ext}', { +let mainTileLayer = L.tileLayer('https://stamen-tiles-{s}.a.ssl.fastly.net/toner-lite/{z}/{x}/{y}{r}.{ext}', { attribution: 'Map tiles by <a href="http://stamen.com">Stamen Design</a>, <a href="http://creativecommons.org/licenses/by/3.0">CC BY 3.0</a> — Map data © <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors', subdomains: 'abcd', minZoom: 0, maxZoom: 18, ext: 'png', - filter: [], }).addTo(map); // keep track of the boundary of the markers so that we can update the |