diff --git a/css/style.css b/css/style.css
index 3c784e5..0fec68f 100644
--- a/css/style.css
+++ b/css/style.css
@@ -350,6 +350,10 @@ table.dataTable.track-analysis-table tfoot td {
     padding-top: 4px;
 }
 
+.track-analysis-title {
+    text-transform: capitalize;
+}
+
 .track-analysis-distance {
     text-align: right;
 }
@@ -966,8 +970,12 @@ table.dataTable.display tbody tr:hover.selected {
 
 /*
  * Heightgraph customizations;
+ * since the legend and the gradient types are in the way, hide them;
  * since there's only the gradient layer, hide the layer selector.
  */
+.legend-hover {
+    display: none;
+}
 #selectionText {
     display: none;
 }
diff --git a/js/Browser.js b/js/Browser.js
index 2ed2fc9..0fd3b53 100644
--- a/js/Browser.js
+++ b/js/Browser.js
@@ -19,9 +19,9 @@
         touch = touchScreenDetectable ? touchScreen : L.Browser.touch;
 
     BR.Browser = {
-        touchScreen,
-        touchScreenDetectable,
-        touch,
+        touchScreen: touchScreen,
+        touchScreenDetectable: touchScreenDetectable,
+        touch: touch,
         download:
             'Blob' in window &&
             'FileReader' in window &&
diff --git a/js/LayersConfig.js b/js/LayersConfig.js
index 77431e3..c895aff 100644
--- a/js/LayersConfig.js
+++ b/js/LayersConfig.js
@@ -6,7 +6,7 @@ BR.LayersConfig = L.Class.extend({
     // hardcoded, built-in layers with an id set (for URL hash)
     builtInLayers: ['route-quality'],
 
-    initialize(map) {
+    initialize: function (map) {
         this._map = map;
         this._overpassLoadingIndicator = new BR.Message('overpass_loading_indicator', { alert: false });
         this._overpassActiveRequestCount = 0;
@@ -17,7 +17,7 @@ BR.LayersConfig = L.Class.extend({
         this._addLanguageDefaultLayer();
     },
 
-    loadDefaultLayers() {
+    loadDefaultLayers: function () {
         if (BR.Util.localStorageAvailable()) {
             var item = localStorage.getItem('map/defaultLayers');
             if (item) {
@@ -28,21 +28,21 @@ BR.LayersConfig = L.Class.extend({
         }
     },
 
-    storeDefaultLayers(baseLayers, overlays) {
+    storeDefaultLayers: function (baseLayers, overlays) {
         if (BR.Util.localStorageAvailable()) {
             var defaultLayers = {
-                baseLayers,
-                overlays,
+                baseLayers: baseLayers,
+                overlays: overlays,
             };
             localStorage.setItem('map/defaultLayers', JSON.stringify(defaultLayers));
         }
     },
 
-    _replaceLegacyIds(idList) {
+    _replaceLegacyIds: function (idList) {
         return idList.map((id) => (id in this.legacyNameToIdMap ? this.legacyNameToIdMap[id] : id));
     },
 
-    _addLeafletProvidersLayers() {
+    _addLeafletProvidersLayers: function () {
         var includeList = BR.confLayers.leafletProvidersIncludeList;
 
         for (var i = 0; i < includeList.length; i++) {
@@ -50,7 +50,7 @@ BR.LayersConfig = L.Class.extend({
             var obj = {
                 geometry: null,
                 properties: {
-                    id,
+                    id: id,
                     name: id.replace('.', ' '),
                     dataSource: 'leaflet-providers',
                 },
@@ -60,7 +60,7 @@ BR.LayersConfig = L.Class.extend({
         }
     },
 
-    _customizeLayers() {
+    _customizeLayers: function () {
         var propertyOverrides = BR.confLayers.getPropertyOverrides();
 
         for (var id in propertyOverrides) {
@@ -92,7 +92,7 @@ BR.LayersConfig = L.Class.extend({
         BR.layerIndex['ignf-scan25'].geometry = BR.confLayers.franceBbox;
     },
 
-    _addLanguageDefaultLayer() {
+    _addLanguageDefaultLayer: function () {
         // language code -> layer id
         var languageLayersMap = {};
         var i;
@@ -120,7 +120,7 @@ BR.LayersConfig = L.Class.extend({
         }
     },
 
-    isDefaultLayer(id, overlay) {
+    isDefaultLayer: function (id, overlay) {
         var result = false;
         if (overlay) {
             result = this.defaultOverlays.indexOf(id) > -1;
@@ -130,15 +130,15 @@ BR.LayersConfig = L.Class.extend({
         return result;
     },
 
-    getBaseLayers() {
+    getBaseLayers: function () {
         return this._getLayers(this.defaultBaseLayers);
     },
 
-    getOverlays() {
+    getOverlays: function () {
         return this._getLayers(this.defaultOverlays);
     },
 
-    _getLayers(ids) {
+    _getLayers: function (ids) {
         var layers = {};
 
         for (var i = 0; i < ids.length; i++) {
@@ -161,7 +161,7 @@ BR.LayersConfig = L.Class.extend({
 
     // own convention: key placeholder with prefix
     // e.g. ?api_key={keys_openrouteservice}
-    getKeyName(url) {
+    getKeyName: function (url) {
         var result = null;
         // L.Util.template only matches [\w_-]
         var prefix = 'keys_';
@@ -174,7 +174,7 @@ BR.LayersConfig = L.Class.extend({
         if (found) {
             name = found[1];
             result = {
-                name,
+                name: name,
                 urlVar: prefix + name,
             };
         }
@@ -182,18 +182,18 @@ BR.LayersConfig = L.Class.extend({
         return result;
     },
 
-    _showOverpassLoadingIndicator() {
+    _showOverpassLoadingIndicator: function () {
         this._overpassActiveRequestCount++;
         this._overpassLoadingIndicator.showLoading(i18next.t('layers.overpass-loading-indicator'));
     },
 
-    _hideOverpassLoadingIndicator() {
+    _hideOverpassLoadingIndicator: function () {
         if (--this._overpassActiveRequestCount === 0) {
             this._overpassLoadingIndicator.hide();
         }
     },
 
-    getOverpassIconUrl(icon) {
+    getOverpassIconUrl: function (icon) {
         const iconPrefix = /^(maki|temaki|fas)-/;
         let iconUrl = null;
 
@@ -205,7 +205,7 @@ BR.LayersConfig = L.Class.extend({
         return iconUrl;
     },
 
-    createOverpassLayer(query, icon) {
+    createOverpassLayer: function (query, icon) {
         let markerSign = '<i class="fa fa-search icon-white" style="width: 25px;"></i>';
 
         const iconUrl = this.getOverpassIconUrl(icon);
@@ -216,7 +216,7 @@ BR.LayersConfig = L.Class.extend({
         return Object.assign(
             new OverpassLayer({
                 overpassFrontend: this.overpassFrontend,
-                query,
+                query: query,
                 minZoom: 12,
                 feature: {
                     title: '{{ tags.name }}',
@@ -244,7 +244,7 @@ BR.LayersConfig = L.Class.extend({
         );
     },
 
-    renderOverpassPopupBody(overpassData) {
+    renderOverpassPopupBody: function (overpassData) {
         let output = '';
 
         output += '<table class="overpass-tags">';
@@ -301,11 +301,11 @@ BR.LayersConfig = L.Class.extend({
         return output;
     },
 
-    createOpenStreetMapNotesLayer() {
+    createOpenStreetMapNotesLayer: function () {
         return new leafletOsmNotes();
     },
 
-    createMvtLayer(props, options) {
+    createMvtLayer: function (props, options) {
         // remove key, only provided with local style to not add layer when not configured, see _getLayers
         const styleId = props.url?.split('?')[0];
         if (styleId in BR.layerIndex) {
@@ -322,7 +322,7 @@ BR.LayersConfig = L.Class.extend({
         return BR.maplibreGlLazyLoader(options);
     },
 
-    _replaceMvtTileKey(style) {
+    _replaceMvtTileKey: function (style) {
         if (!style) return;
 
         // Sources can be specified by `url` (string) or `tiles` (array), we handle
@@ -348,7 +348,7 @@ BR.LayersConfig = L.Class.extend({
         }
     },
 
-    createGeoJsonLayer(props) {
+    createGeoJsonLayer: function (props) {
         const layer = L.geoJSON(undefined, BR.Track.getGeoJsonOptions());
         fetch(props.url).then(async (response) => {
             const geojson = await response.json();
@@ -357,7 +357,7 @@ BR.LayersConfig = L.Class.extend({
         return layer;
     },
 
-    createLayer(layerData) {
+    createLayer: function (layerData) {
         var props = layerData.properties;
         var url = props.url;
         var layer;
diff --git a/js/Map.js b/js/Map.js
index 1586de3..972e561 100644
--- a/js/Map.js
+++ b/js/Map.js
@@ -1,5 +1,5 @@
 BR.Map = {
-    initMap() {
+    initMap: function () {
         var map, layersControl;
 
         L.setOptions(this, {
@@ -20,7 +20,7 @@ BR.Map = {
             zoomControl: false, // add it manually so that we can translate it
             worldCopyJump: true,
             minZoom: 0,
-            maxZoom,
+            maxZoom: maxZoom,
         });
 
         if (BR.Util.getResponsiveBreakpoint() >= '3md') {
@@ -142,12 +142,12 @@ BR.Map = {
         BR.debug.map = map;
 
         return {
-            map,
-            layersControl,
+            map: map,
+            layersControl: layersControl,
         };
     },
 
-    _renderLayerCredits(layers) {
+    _renderLayerCredits: function (layers) {
         var dl = document.getElementById('credits-maps');
         var i, obj, dt, dd, attribution;
 
diff --git a/js/Util.js b/js/Util.js
index c85dedb..54bd517 100644
--- a/js/Util.js
+++ b/js/Util.js
@@ -1,5 +1,5 @@
 BR.Util = {
-    get(url, cb) {
+    get: function (url, cb) {
         var xhr = new XMLHttpRequest();
 
         xhr.open('GET', url, true);
@@ -20,7 +20,7 @@ BR.Util = {
         }
     },
 
-    getError(xhr) {
+    getError: function (xhr) {
         var msg = i18next.t('warning.no-response');
         if (xhr.responseText) {
             msg = xhr.responseText;
@@ -30,7 +30,7 @@ BR.Util = {
         return new Error(msg);
     },
 
-    getJson(url, context, cb) {
+    getJson: function (url, context, cb) {
         BR.Util.get(url, function (err, data) {
             if (err) {
                 BR.message.showError('Error getting ' + context + ': ' + err);
@@ -48,7 +48,7 @@ BR.Util = {
         });
     },
 
-    getGeoJson(url, context, cb) {
+    getGeoJson: function (url, context, cb) {
         BR.Util.getJson(url, context, function (err, data) {
             if (err) return cb(err);
 
@@ -70,7 +70,7 @@ BR.Util = {
     // https://developer.mozilla.org/en-US/docs/Web/API/Web_Storage_API/Using_the_Web_Storage_API#Testing_for_support_vs_availability
     // by Mozilla Contributors, with modifications;
     // Any copyright is dedicated to the Public Domain. https://creativecommons.org/publicdomain/zero/1.0/
-    localStorageAvailable() {
+    localStorageAvailable: function () {
         try {
             var storage = window.localStorage,
                 x = '__storage_test__';
@@ -83,7 +83,7 @@ BR.Util = {
     },
 
     // see https://stackoverflow.com/a/37141090/1906123
-    getResponsiveBreakpoint() {
+    getResponsiveBreakpoint: function () {
         var envs = { '1xs': 'd-none', '2sm': 'd-sm-none', '3md': 'd-md-none', '4lg': 'd-lg-none', '5xl': 'd-xl-none' };
         var env = '';
 
@@ -101,7 +101,7 @@ BR.Util = {
         return env;
     },
 
-    keyboardShortcutsAllowed(keyEvent) {
+    keyboardShortcutsAllowed: function (keyEvent) {
         // Skip auto-repeating key events
         if (keyEvent.repeat) {
             return false;
@@ -134,13 +134,13 @@ BR.Util = {
     // this method must only be used to sanitize for textContent.
     // do NOT use it to sanitize any attribute,
     // see https://web.archive.org/web/20121208091505/http://benv.ca/2012/10/4/you-are-probably-misusing-DOM-text-methods/
-    sanitizeHTMLContent(str) {
+    sanitizeHTMLContent: function (str) {
         var temp = document.createElement('div');
         temp.textContent = str;
         return temp.innerHTML;
     },
 
-    isCountry(country, language) {
+    isCountry: function (country, language) {
         // de-DE | fr-FR
         var lang = i18next.languages[0].split('-');
 
diff --git a/js/WhatsNew.js b/js/WhatsNew.js
index d45058c..0e3b1b8 100644
--- a/js/WhatsNew.js
+++ b/js/WhatsNew.js
@@ -1,10 +1,10 @@
 BR.WhatsNew = {
     newOnly: undefined,
 
-    init() {
+    init: function () {
         var self = this;
         self.dismissableMessage = new BR.Message('whats_new_message', {
-            onClosed() {
+            onClosed: function () {
                 document.getElementsByClassName('version')[0].classList.remove('version-new');
                 if (BR.Util.localStorageAvailable()) {
                     localStorage.setItem('changelogVersion', self.getLatestVersion());
@@ -29,21 +29,21 @@ BR.WhatsNew = {
         }
     },
 
-    getLatestVersion() {
+    getLatestVersion: function () {
         return BR.changelog.match('<h2 id="(.*)">')[1];
     },
 
-    getCurrentVersion() {
+    getCurrentVersion: function () {
         if (!BR.Util.localStorageAvailable()) return null;
 
         return localStorage.getItem('changelogVersion');
     },
 
-    hasNewVersions() {
+    hasNewVersions: function () {
         return this.getCurrentVersion() && this.getCurrentVersion() !== this.getLatestVersion();
     },
 
-    prepare(newOnly) {
+    prepare: function (newOnly) {
         if (newOnly === this.newOnly) {
             // do not rebuild modal content unnecessarily
             return;
diff --git a/js/control/Control.Layers.js b/js/control/Control.Layers.js
index 74ac783..a46c345 100644
--- a/js/control/Control.Layers.js
+++ b/js/control/Control.Layers.js
@@ -1,5 +1,5 @@
 BR.ControlLayers = L.Control.Layers.extend({
-    getActiveLayers() {
+    getActiveLayers: function () {
         var result = [];
 
         for (var i = 0; i < this._layers.length; i++) {
@@ -16,7 +16,7 @@ BR.ControlLayers = L.Control.Layers.extend({
         return result;
     },
 
-    getActiveBaseLayer() {
+    getActiveBaseLayer: function () {
         var activeLayers = this.getActiveLayers();
         for (var i = 0; i < activeLayers.length; i++) {
             var obj = activeLayers[i];
@@ -28,7 +28,7 @@ BR.ControlLayers = L.Control.Layers.extend({
         return null;
     },
 
-    removeActiveLayers() {
+    removeActiveLayers: function () {
         var removed = [];
 
         for (var i = 0; i < this._layers.length; i++) {
@@ -42,7 +42,7 @@ BR.ControlLayers = L.Control.Layers.extend({
         return removed;
     },
 
-    getLayer(name) {
+    getLayer: function (name) {
         for (var i = 0; i < this._layers.length; i++) {
             var obj = this._layers[i];
             if (obj.name === name) {
@@ -53,19 +53,19 @@ BR.ControlLayers = L.Control.Layers.extend({
         return null;
     },
 
-    getBaseLayers() {
+    getBaseLayers: function () {
         return this._layers.filter(function (obj) {
             return !obj.overlay;
         });
     },
 
-    activateLayer(obj) {
+    activateLayer: function (obj) {
         if (!this._map.hasLayer(obj.layer)) {
             this._map.addLayer(obj.layer);
         }
     },
 
-    activateFirstLayer() {
+    activateFirstLayer: function () {
         for (var i = 0; i < this._layers.length; i++) {
             var obj = this._layers[i];
             if (!obj.overlay) {
@@ -75,14 +75,14 @@ BR.ControlLayers = L.Control.Layers.extend({
         }
     },
 
-    activateBaseLayerIndex(index) {
+    activateBaseLayerIndex: function (index) {
         var baseLayers = this.getBaseLayers();
         var obj = baseLayers[index];
 
         this.activateLayer(obj);
     },
 
-    _addLayer(layer, name, overlay) {
+    _addLayer: function (layer, name, overlay) {
         L.Control.Layers.prototype._addLayer.call(this, layer, name, overlay);
 
         // override z-index assignment to fix that base layers added later
diff --git a/js/control/Export.js b/js/control/Export.js
index bd0d01d..abf4f60 100644
--- a/js/control/Export.js
+++ b/js/control/Export.js
@@ -7,7 +7,7 @@ BR.Export = L.Class.extend({
         },
     },
 
-    initialize(router, pois, profile) {
+    initialize: function (router, pois, profile) {
         this.router = router;
         this.pois = pois;
         this.profile = profile;
@@ -38,7 +38,7 @@ BR.Export = L.Class.extend({
         this.update([]);
     },
 
-    update(latLngs, segments) {
+    update: function (latLngs, segments) {
         this.latLngs = latLngs;
         this.segments = segments;
 
@@ -49,7 +49,7 @@ BR.Export = L.Class.extend({
         }
     },
 
-    _warnDownload() {
+    _warnDownload: function () {
         const hasBeeline = BR.Routing.hasBeeline(this.segments);
         const isFit = $('#format-fit').prop('checked');
         $('#export-download-warning').prop('hidden', !hasBeeline && !isFit);
@@ -63,14 +63,14 @@ BR.Export = L.Class.extend({
         document.getElementById('serverExport').title = title;
     },
 
-    _turnInstructionInfo() {
+    _turnInstructionInfo: function () {
         const turnInstructionMode = +this.profile.getProfileVar('turnInstructionMode');
         $('.format-turns-enabled')
             .prop('hidden', turnInstructionMode <= 1)
             .attr('title', i18next.t('export.turns_enabled'));
     },
 
-    _getMimeType(format) {
+    _getMimeType: function (format) {
         const mimeTypeMap = {
             gpx: 'application/gpx+xml;charset=utf-8',
             kml: 'application/vnd.google-earth.kml+xml;charset=utf-8',
@@ -82,7 +82,7 @@ BR.Export = L.Class.extend({
         return mimeTypeMap[format];
     },
 
-    _triggerDownload(url, name) {
+    _triggerDownload: function (url, name) {
         const link = document.createElement('a');
         link.href = url;
         if (name) {
@@ -95,11 +95,11 @@ BR.Export = L.Class.extend({
         link.remove();
     },
 
-    _exportServer(e) {
+    _exportServer: function (e) {
         this._export(e, true);
     },
 
-    _export(e, server = false) {
+    _export: function (e, server = false) {
         var exportForm = document.forms['export'];
         var format = exportForm['format'].value || $('#export-format input:radio:checked').val();
         var name = exportForm['trackname'].value;
@@ -138,7 +138,7 @@ BR.Export = L.Class.extend({
         }
     },
 
-    _formatTrack(format, name, includeWaypoints) {
+    _formatTrack: function (format, name, includeWaypoints) {
         const track = BR.Export._concatTotalTrack(this.segments);
         if (name) {
             track.features[0].properties.name = name;
@@ -166,7 +166,7 @@ BR.Export = L.Class.extend({
         console.error('Export format not implemented: ' + format);
     },
 
-    _addPois(track) {
+    _addPois: function (track) {
         const markers = this.pois.getMarkers();
         for (const poi of markers) {
             const properties = { name: poi.name, type: 'poi' };
@@ -175,7 +175,7 @@ BR.Export = L.Class.extend({
         }
     },
 
-    _addRouteWaypoints(track) {
+    _addRouteWaypoints: function (track) {
         for (const [i, latLng] of this.latLngs.entries()) {
             let name = 'via' + i;
             let type = 'via';
@@ -192,7 +192,7 @@ BR.Export = L.Class.extend({
         }
     },
 
-    _validationMessage() {
+    _validationMessage: function () {
         var trackname = this.trackname;
         var replaceRegex = new RegExp('[^' + this.tracknameAllowedChars + ']', 'g');
 
@@ -205,11 +205,11 @@ BR.Export = L.Class.extend({
         }
     },
 
-    _selectTrackname() {
+    _selectTrackname: function () {
         trackname.setSelectionRange(0, trackname.value.lastIndexOf(BR.Browser.download ? ' (' : ' - '));
     },
 
-    _generateTrackname() {
+    _generateTrackname: function () {
         var trackname = this.trackname;
         this._getCityAtPosition(
             this.latLngs[0],
@@ -225,14 +225,14 @@ BR.Export = L.Class.extend({
                             trackname.value = null;
                         } else if (from === to) {
                             trackname.value = i18next.t('export.route-loop', {
-                                from,
-                                distance,
+                                from: from,
+                                distance: distance,
                             });
                         } else {
                             trackname.value = i18next.t('export.route-from-to', {
-                                from,
-                                to,
-                                distance,
+                                from: from,
+                                to: to,
+                                distance: distance,
                             });
                         }
 
@@ -249,7 +249,7 @@ BR.Export = L.Class.extend({
         );
     },
 
-    _getCityAtPosition(lonlat, cb) {
+    _getCityAtPosition: function (lonlat, cb) {
         var url = L.Util.template(
             'https://nominatim.openstreetmap.org/reverse?lon={lng}&lat={lat}&format=json',
             lonlat
@@ -268,7 +268,7 @@ BR.Export = L.Class.extend({
         );
     },
 
-    _keydownListener(e) {
+    _keydownListener: function (e) {
         if (
             BR.Util.keyboardShortcutsAllowed(e) &&
             e.keyCode === this.options.shortcut.export &&
diff --git a/js/control/Itinerary.js b/js/control/Itinerary.js
index 14cefe1..8a4c562 100644
--- a/js/control/Itinerary.js
+++ b/js/control/Itinerary.js
@@ -1,10 +1,10 @@
 BR.Itinerary = L.Class.extend({
-    initialize() {
+    initialize: function () {
         this._content = document.getElementById('itinerary');
         this.update();
     },
 
-    update(polyline, segments) {
+    update: function (polyline, segments) {
         var i,
             j,
             iter,
diff --git a/js/control/Layers.js b/js/control/Layers.js
index dcc128f..e8efbde 100644
--- a/js/control/Layers.js
+++ b/js/control/Layers.js
@@ -1,5 +1,5 @@
 BR.Layers = L.Class.extend({
-    _loadLayers() {
+    _loadLayers: function () {
         this._customLayers = {};
 
         if (BR.Util.localStorageAvailable()) {
@@ -28,7 +28,7 @@ BR.Layers = L.Class.extend({
         }
     },
 
-    _loadTable() {
+    _loadTable: function () {
         var layersData = [];
         for (layer in this._customLayers) {
             var layerProps = this._customLayers[layer].layerData.properties;
@@ -65,7 +65,7 @@ BR.Layers = L.Class.extend({
         });
     },
 
-    init(map, layersControl, baseLayers, overlays) {
+    init: function (map, layersControl, baseLayers, overlays) {
         this._layersControl = layersControl;
         this._map = map;
         this._layers = {};
@@ -95,7 +95,7 @@ BR.Layers = L.Class.extend({
         };
     },
 
-    _remove(evt) {
+    _remove: function (evt) {
         var row = this._layersTable.row('.selected').data();
         if (row != null) {
             var name = row[0];
@@ -107,7 +107,7 @@ BR.Layers = L.Class.extend({
         }
     },
 
-    _addFromInput(layerProps) {
+    _addFromInput: function (layerProps) {
         var layer_name = L.DomUtil.get('layer_name').value;
         var layer_url = L.DomUtil.get('layer_url').value;
 
@@ -123,14 +123,14 @@ BR.Layers = L.Class.extend({
         if (layer_name.length > 0 && layer_url.length > 0) this._addLayer(layerData);
     },
 
-    _addBaseLayer(evt) {
+    _addBaseLayer: function (evt) {
         var layerProps = {
             type: 'tms',
             url: L.DomUtil.get('layer_url').value,
         };
         this._addFromInput(layerProps);
     },
-    _addOverlay(evt) {
+    _addOverlay: function (evt) {
         var layerProps = {
             type: 'tms',
             url: L.DomUtil.get('layer_url').value,
@@ -138,7 +138,7 @@ BR.Layers = L.Class.extend({
         };
         this._addFromInput(layerProps);
     },
-    _addOverpassQuery(evt) {
+    _addOverpassQuery: function (evt) {
         var layerProps = {
             overlay: true,
             dataSource: 'OverpassAPI',
@@ -147,7 +147,7 @@ BR.Layers = L.Class.extend({
         this._addFromInput(layerProps);
     },
 
-    _createTmsProps(props) {
+    _createTmsProps: function (props) {
         var tmsProps = {
             type: 'tms',
             ...props,
@@ -155,7 +155,7 @@ BR.Layers = L.Class.extend({
         return tmsProps;
     },
 
-    _addLayer(layerData) {
+    _addLayer: function (layerData) {
         var props = layerData.properties;
         var layerName = props.name;
 
@@ -167,8 +167,8 @@ BR.Layers = L.Class.extend({
             var layer = this._layersControl.layersConfig.createLayer(layerData);
 
             this._customLayers[layerName] = {
-                layer,
-                layerData,
+                layer: layer,
+                layerData: layerData,
             };
 
             if (props.overlay) {
@@ -185,7 +185,7 @@ BR.Layers = L.Class.extend({
         }
     },
 
-    _sync() {
+    _sync: function () {
         if (BR.Util.localStorageAvailable()) {
             var geojson = {
                 type: 'FeatureCollection',
diff --git a/js/control/LayersTab.js b/js/control/LayersTab.js
index 2e4f804..bdeb656 100644
--- a/js/control/LayersTab.js
+++ b/js/control/LayersTab.js
@@ -3,13 +3,13 @@ BR.LayersTab = BR.ControlLayers.extend({
     previewBounds: null,
     saveLayers: [],
 
-    initialize(layersConfig, baseLayers, overlays, options) {
+    initialize: function (layersConfig, baseLayers, overlays, options) {
         L.Control.Layers.prototype.initialize.call(this, baseLayers, overlays, options);
 
         this.layersConfig = layersConfig;
     },
 
-    addTo(map) {
+    addTo: function (map) {
         this._map = map;
         this.onAdd(map);
 
@@ -22,21 +22,21 @@ BR.LayersTab = BR.ControlLayers.extend({
         return this;
     },
 
-    onAdd(map) {
+    onAdd: function (map) {
         BR.ControlLayers.prototype.onAdd.call(this, map);
 
         map.on('baselayerchange overlayadd overlayremove', this.storeActiveLayers, this);
         map.on('overlayadd overlayremove', this.updateOpacityLabel, this);
     },
 
-    onRemove(map) {
+    onRemove: function (map) {
         BR.ControlLayers.prototype.onRemove.call(this, map);
 
         map.off('baselayerchange overlayadd overlayremove', this.storeActiveLayers, this);
         map.off('overlayadd overlayremove', this.updateOpacityLabel, this);
     },
 
-    initOpacitySlider(map) {
+    initOpacitySlider: function (map) {
         var self = this;
         var overlayOpacitySlider = new BR.OpacitySlider({
             id: 'overlay',
@@ -44,7 +44,7 @@ BR.LayersTab = BR.ControlLayers.extend({
             orientation: 'horizontal',
             defaultValue: 1,
             title: i18next.t('layers.opacity-slider'),
-            callback(opacity) {
+            callback: function (opacity) {
                 for (var i = 0; i < self._layers.length; i++) {
                     const layer = self._layers[i].layer;
                     if (!self._layers[i].overlay || !map.hasLayer(layer)) {
@@ -53,7 +53,7 @@ BR.LayersTab = BR.ControlLayers.extend({
                     if (layer.setOpacity) {
                         layer.setOpacity(opacity);
                     } else if (layer.setStyle) {
-                        layer.setStyle({ opacity });
+                        layer.setStyle({ opacity: opacity });
                     }
                 }
             },
@@ -61,7 +61,7 @@ BR.LayersTab = BR.ControlLayers.extend({
         L.DomUtil.get('leaflet-control-layers-overlays-opacity-slider').appendChild(overlayOpacitySlider.getElement());
     },
 
-    initButtons() {
+    initButtons: function () {
         var expandTree = function (e) {
             this.jstree.open_all();
         };
@@ -89,7 +89,7 @@ BR.LayersTab = BR.ControlLayers.extend({
         L.DomUtil.get('optional_layers_button').onclick = L.bind(toggleOptionalLayers, this);
     },
 
-    initJsTree() {
+    initJsTree: function () {
         var layerIndex = BR.layerIndex;
         var treeData = this.toJsTree(BR.confLayers.tree);
         var oldSelected = null;
@@ -180,7 +180,7 @@ BR.LayersTab = BR.ControlLayers.extend({
         this.jstree = $('#optional-layers-tree').jstree(true);
     },
 
-    toJsTree(layerTree) {
+    toJsTree: function (layerTree) {
         var data = {
             children: [],
         };
@@ -218,7 +218,7 @@ BR.LayersTab = BR.ControlLayers.extend({
             // when key required only add if configured
             if (!keyObj || (keyObj && BR.keys[keyObj.name])) {
                 childNode = {
-                    id,
+                    id: id,
                     text: getText(props, parent),
                     icon: self.layersConfig.getOverpassIconUrl(props.icon) || false,
                     state: {
@@ -262,13 +262,12 @@ BR.LayersTab = BR.ControlLayers.extend({
                 walkObject(inTree);
             }
         }
-
         walkTree(layerTree, data);
 
         return data.children;
     },
 
-    storeDefaultLayers() {
+    storeDefaultLayers: function () {
         var baseLayers = [];
         var overlays = [];
 
@@ -290,7 +289,7 @@ BR.LayersTab = BR.ControlLayers.extend({
         this.layersConfig.storeDefaultLayers(baseLayers, overlays);
     },
 
-    createLayer(layerData) {
+    createLayer: function (layerData) {
         var layer = this.layersConfig.createLayer(layerData);
         var overlay = layerData.properties.overlay;
 
@@ -300,7 +299,7 @@ BR.LayersTab = BR.ControlLayers.extend({
         return layer;
     },
 
-    getLayerById(id) {
+    getLayerById: function (id) {
         for (var i = 0; i < this._layers.length; i++) {
             var obj = this._layers[i];
             if (obj.layer.id === id) {
@@ -311,7 +310,7 @@ BR.LayersTab = BR.ControlLayers.extend({
         return null;
     },
 
-    getLayerByLegacyName(legacyName) {
+    getLayerByLegacyName: function (legacyName) {
         var obj = null;
         var id = this.layersConfig.legacyNameToIdMap[legacyName];
 
@@ -322,7 +321,7 @@ BR.LayersTab = BR.ControlLayers.extend({
         return obj;
     },
 
-    activateDefaultBaseLayer() {
+    activateDefaultBaseLayer: function () {
         var index = BR.conf.defaultBaseLayerIndex || 0;
         var activeBaseLayer = this.getActiveBaseLayer();
         if (!activeBaseLayer) {
@@ -330,11 +329,11 @@ BR.LayersTab = BR.ControlLayers.extend({
         }
     },
 
-    saveRemoveActiveLayers() {
+    saveRemoveActiveLayers: function () {
         this.saveLayers = this.removeActiveLayers();
     },
 
-    restoreActiveLayers(overlaysOnly) {
+    restoreActiveLayers: function (overlaysOnly) {
         for (var i = 0; i < this.saveLayers.length; i++) {
             var obj = this.saveLayers[i];
 
@@ -351,7 +350,7 @@ BR.LayersTab = BR.ControlLayers.extend({
         this.saveLayers = [];
     },
 
-    removePreviewLayer() {
+    removePreviewLayer: function () {
         if (this.previewLayer && this._map.hasLayer(this.previewLayer)) {
             this._map.removeLayer(this.previewLayer);
             this.previewLayer = null;
@@ -360,7 +359,7 @@ BR.LayersTab = BR.ControlLayers.extend({
         return false;
     },
 
-    showPreviewBounds(layerData) {
+    showPreviewBounds: function (layerData) {
         if (layerData.geometry) {
             this.previewBounds = L.geoJson(layerData.geometry, {
                 // fill/mask outside of bounds polygon with Leaflet.snogylop
@@ -374,21 +373,21 @@ BR.LayersTab = BR.ControlLayers.extend({
         }
     },
 
-    removePreviewBounds() {
+    removePreviewBounds: function () {
         if (this.previewBounds && this._map.hasLayer(this.previewBounds)) {
             this._map.removeLayer(this.previewBounds);
             this.previewBounds = null;
         }
     },
 
-    deselectNode() {
+    deselectNode: function () {
         var selected = this.jstree.get_selected();
         if (selected.length > 0) {
             this.jstree.deselect_node(selected[0]);
         }
     },
 
-    onBaselayerchange() {
+    onBaselayerchange: function () {
         // execute after current input click handler,
         // otherwise added overlay checkbox state doesn't update
         setTimeout(
@@ -402,7 +401,7 @@ BR.LayersTab = BR.ControlLayers.extend({
         );
     },
 
-    showPreview(layerData) {
+    showPreview: function (layerData) {
         var layer = this.createLayer(layerData);
         this._map.addLayer(layer);
         this.removePreviewBounds();
@@ -417,7 +416,7 @@ BR.LayersTab = BR.ControlLayers.extend({
         L.DomUtil.get('preview').hidden = false;
     },
 
-    hidePreview(layer) {
+    hidePreview: function (layer) {
         this._map.off('baselayerchange', this.onBaselayerchange, this);
         this.removePreviewBounds();
         this.removePreviewLayer();
@@ -426,11 +425,11 @@ BR.LayersTab = BR.ControlLayers.extend({
         L.DomUtil.get('preview').hidden = true;
     },
 
-    toLayerString(obj) {
+    toLayerString: function (obj) {
         return obj.layer.id ? obj.layer.id : obj.name;
     },
 
-    getLayerFromString(layerString) {
+    getLayerFromString: function (layerString) {
         var obj = this.getLayerById(layerString);
 
         if (!obj) {
@@ -446,7 +445,7 @@ BR.LayersTab = BR.ControlLayers.extend({
         return obj;
     },
 
-    storeActiveLayers() {
+    storeActiveLayers: function () {
         if (BR.Util.localStorageAvailable()) {
             var objList = this.getActiveLayers();
             var idList = objList.map(
@@ -460,7 +459,7 @@ BR.LayersTab = BR.ControlLayers.extend({
         }
     },
 
-    loadActiveLayers() {
+    loadActiveLayers: function () {
         if (BR.Util.localStorageAvailable()) {
             var item = localStorage.getItem('map/activeLayers');
 
@@ -479,7 +478,7 @@ BR.LayersTab = BR.ControlLayers.extend({
         }
     },
 
-    updateOpacityLabel() {
+    updateOpacityLabel: function () {
         var slider = $('#leaflet-control-layers-overlays-opacity-slider');
         var overlaysCount = this.getActiveLayers().length - 1;
         if (overlaysCount === 0) {
diff --git a/js/control/Message.js b/js/control/Message.js
index 93c6cd5..497204f 100644
--- a/js/control/Message.js
+++ b/js/control/Message.js
@@ -6,12 +6,12 @@ BR.Message = L.Class.extend({
         onClosed: null,
     },
 
-    initialize(id, options) {
+    initialize: function (id, options) {
         L.setOptions(this, options);
         this.id = id;
     },
 
-    _show(msg, type) {
+    _show: function (msg, type) {
         var ele = L.DomUtil.get(this.id),
             iconClass,
             alertClass;
@@ -59,11 +59,11 @@ BR.Message = L.Class.extend({
         }
     },
 
-    hide() {
+    hide: function () {
         $('#' + this.id + ' .alert').alert('close');
     },
 
-    showError(err) {
+    showError: function (err) {
         if (err && err.message) err = err.message;
 
         if (err == 'target island detected for section 0\n') {
@@ -80,15 +80,15 @@ BR.Message = L.Class.extend({
         this._show(err, 'error');
     },
 
-    showWarning(msg) {
+    showWarning: function (msg) {
         this._show(msg, 'warning');
     },
 
-    showInfo(msg) {
+    showInfo: function (msg) {
         this._show(msg, 'info');
     },
 
-    showLoading(msg) {
+    showLoading: function (msg) {
         this._show(msg, 'loading');
     },
 });
diff --git a/js/control/OpacitySlider.js b/js/control/OpacitySlider.js
index e9525d9..26fbd1b 100644
--- a/js/control/OpacitySlider.js
+++ b/js/control/OpacitySlider.js
@@ -5,10 +5,10 @@ BR.OpacitySlider = L.Class.extend({
         orientation: 'vertical',
         defaultValue: BR.conf.defaultOpacity,
         title: '',
-        callback(opacity) {},
+        callback: function (opacity) {},
     },
 
-    initialize(options) {
+    initialize: function (options) {
         L.setOptions(this, options);
 
         var input = (this.input = $('<input id="slider-' + this.options.id + '" type="text"/>')),
@@ -26,7 +26,7 @@ BR.OpacitySlider = L.Class.extend({
                 min: 0,
                 max: 100,
                 step: 1,
-                value,
+                value: value,
                 orientation: this.options.orientation,
                 reversed: this.options.reversed,
                 selection: this.options.reversed ? 'before' : 'after', // inverted, serves as track style, see css
@@ -51,19 +51,19 @@ BR.OpacitySlider = L.Class.extend({
         }
     },
 
-    _keydownListener(e) {
+    _keydownListener: function (e) {
         if (BR.Util.keyboardShortcutsAllowed(e) && e.keyCode === this.options.muteKeyCode) {
             this.options.callback(0);
         }
     },
 
-    _keyupListener(e) {
+    _keyupListener: function (e) {
         if (BR.Util.keyboardShortcutsAllowed(e) && e.keyCode === this.options.muteKeyCode) {
             this.options.callback(this.input.val() / 100);
         }
     },
 
-    getElement() {
+    getElement: function () {
         return this.input.slider('getElement');
     },
 });
diff --git a/js/control/OpacitySliderControl.js b/js/control/OpacitySliderControl.js
index 06bf0d6..8532e3e 100644
--- a/js/control/OpacitySliderControl.js
+++ b/js/control/OpacitySliderControl.js
@@ -3,7 +3,7 @@ BR.OpacitySliderControl = L.Control.extend({
         position: 'topleft',
     },
 
-    onAdd(map) {
+    onAdd: function (map) {
         var container = L.DomUtil.create('div', 'leaflet-bar control-slider');
 
         // prevent also dragging map in Chrome
diff --git a/js/control/Profile.js b/js/control/Profile.js
index ccc9c61..5663ef2 100644
--- a/js/control/Profile.js
+++ b/js/control/Profile.js
@@ -2,7 +2,7 @@ BR.Profile = L.Evented.extend({
     cache: {},
     saveWarningShown: false,
 
-    initialize() {
+    initialize: function () {
         var textArea = L.DomUtil.get('profile_upload');
         this.editor = CodeMirror.fromTextArea(textArea, {
             lineNumbers: true,
@@ -26,7 +26,7 @@ BR.Profile = L.Evented.extend({
         });
     },
 
-    clear(evt) {
+    clear: function (evt) {
         var button = evt.target || evt.srcElement;
 
         evt.preventDefault();
@@ -38,7 +38,7 @@ BR.Profile = L.Evented.extend({
         button.blur();
     },
 
-    update(options, cb) {
+    update: function (options, cb) {
         var profileName = options.profile,
             profileUrl,
             loading = false;
@@ -75,17 +75,17 @@ BR.Profile = L.Evented.extend({
         if (cb && !loading) cb();
     },
 
-    show() {
+    show: function () {
         this.editor.refresh();
     },
 
-    onResize() {
+    onResize: function () {
         this.editor.refresh();
     },
 
     // Returns the initial value of the given profile variable as String, as defined by the assign statement.
     // Intended for all assigned variables, not just parameters with a comment declaration, i.e. no type information used.
-    getProfileVar(name) {
+    getProfileVar: function (name) {
         let value;
         if (this._isParamsFormActive()) {
             const formValues = this._getFormValues();
@@ -106,13 +106,13 @@ BR.Profile = L.Evented.extend({
     },
 
     // Returns car|bike|foot, default is foot
-    getTransportMode() {
+    getTransportMode: function () {
         const isCar = !!this.getProfileVar('validForCars');
         const isBike = !!this.getProfileVar('validForBikes');
         return isCar ? 'car' : isBike ? 'bike' : 'foot';
     },
 
-    _upload(evt) {
+    _upload: function (evt) {
         var button = evt.target || evt.srcElement,
             profile = this._getProfileText();
 
@@ -136,7 +136,7 @@ BR.Profile = L.Evented.extend({
         });
     },
 
-    _buildCustomProfile(profileText) {
+    _buildCustomProfile: function (profileText) {
         const formValues = this._getFormValues();
         Object.keys(formValues).forEach((name) => {
             const value = formValues[name];
@@ -152,7 +152,7 @@ BR.Profile = L.Evented.extend({
         return profileText;
     },
 
-    _getFormValues() {
+    _getFormValues: function () {
         const obj = {};
         document.querySelectorAll('#profile_params input, #profile_params select').forEach((input) => {
             const name = input.name;
@@ -167,12 +167,12 @@ BR.Profile = L.Evented.extend({
         return obj;
     },
 
-    _save(evt) {
+    _save: function (evt) {
         var profileText = this._buildCustomProfile(this._getProfileText());
         var that = this;
         this.fire('update', {
-            profileText,
-            callback(err, profileId, profileText) {
+            profileText: profileText,
+            callback: function (err, profileId, profileText) {
                 if (!err) {
                     that.profileName = profileId;
                     that.cache[profileId] = profileText;
@@ -181,7 +181,7 @@ BR.Profile = L.Evented.extend({
         });
     },
 
-    _updateProfile(profileName, profileText) {
+    _updateProfile: function (profileName, profileText) {
         const empty = !this.editor.getValue();
         const clean = this.editor.isClean();
 
@@ -201,7 +201,7 @@ BR.Profile = L.Evented.extend({
         }
     },
 
-    _setValue(profileText) {
+    _setValue: function (profileText) {
         profileText = profileText || '';
 
         var clean = this.editor.isClean();
@@ -220,7 +220,7 @@ BR.Profile = L.Evented.extend({
         }
     },
 
-    _buildParamsForm(profileText) {
+    _buildParamsForm: function (profileText) {
         if (!profileText) return;
 
         // Otherwise, create user friendly form
@@ -278,9 +278,9 @@ BR.Profile = L.Evented.extend({
                     }
 
                     params[name] = {
-                        description,
+                        description: description,
                         type: paramType,
-                        value,
+                        value: value,
                         possible_values: paramValues,
                     };
                 }
@@ -359,11 +359,11 @@ BR.Profile = L.Evented.extend({
         });
     },
 
-    _isParamsFormActive() {
+    _isParamsFormActive: function () {
         return L.DomUtil.get('profile_params_container').classList.contains('active');
     },
 
-    _activateSecondaryTab() {
+    _activateSecondaryTab: function () {
         var profileText = this._getProfileText();
 
         if (this._isParamsFormActive()) {
@@ -373,11 +373,11 @@ BR.Profile = L.Evented.extend({
         }
     },
 
-    _getProfileText() {
+    _getProfileText: function () {
         return this.editor.getValue();
     },
 
-    _getSelectedProfileText() {
+    _getSelectedProfileText: function () {
         return this.cache[this.selectedProfileName] ?? this.editor.getValue();
     },
 });
diff --git a/js/control/RoutingOptions.js b/js/control/RoutingOptions.js
index a4bf783..c916f79 100644
--- a/js/control/RoutingOptions.js
+++ b/js/control/RoutingOptions.js
@@ -5,7 +5,7 @@ BR.RoutingOptions = L.Evented.extend({
         },
     },
 
-    initialize() {
+    initialize: function () {
         $('#profile-alternative').on('changed.bs.select', this._getChangeHandler());
 
         var remembered_profile = this.getRememberedProfile();
@@ -35,7 +35,7 @@ BR.RoutingOptions = L.Evented.extend({
         L.DomEvent.addListener(document, 'keydown', this._keydownListener, this);
     },
 
-    refreshUI() {
+    refreshUI: function () {
         // we do not allow to select more than one profile and/or alternative at a time
         // so we disable the current selected items
         $('#profile-alternative')
@@ -61,7 +61,7 @@ BR.RoutingOptions = L.Evented.extend({
         button.title = button.title + i18next.t('navbar.profile-tooltip', { key: 'G' });
     },
 
-    getOptions() {
+    getOptions: function () {
         var profile = $('#profile option:selected'),
             alternative = $('#alternative option:selected');
         this.refreshUI();
@@ -72,7 +72,7 @@ BR.RoutingOptions = L.Evented.extend({
         };
     },
 
-    setOptions(options) {
+    setOptions: function (options) {
         var values = [
             options.profile ? options.profile : $('#profile option:selected').val(),
             options.alternative ? options.alternative : $('#alternative option:selected').val(),
@@ -86,7 +86,7 @@ BR.RoutingOptions = L.Evented.extend({
         }
     },
 
-    setCustomProfile(profile, noUpdate) {
+    setCustomProfile: function (profile, noUpdate) {
         var profiles_grp, option;
 
         profiles_grp = L.DomUtil.get('profile');
@@ -112,7 +112,7 @@ BR.RoutingOptions = L.Evented.extend({
         }
     },
 
-    getCustomProfile() {
+    getCustomProfile: function () {
         var profiles_grp = L.DomUtil.get('profile'),
             option = profiles_grp.children[0],
             profile = null;
@@ -123,7 +123,7 @@ BR.RoutingOptions = L.Evented.extend({
         return profile;
     },
 
-    rememberProfile(profile) {
+    rememberProfile: function (profile) {
         if (!BR.Util.localStorageAvailable()) {
             return;
         }
@@ -135,7 +135,7 @@ BR.RoutingOptions = L.Evented.extend({
         localStorage.setItem('routingprofile', profile);
     },
 
-    getRememberedProfile() {
+    getRememberedProfile: function () {
         if (!BR.Util.localStorageAvailable()) {
             return null;
         }
@@ -143,14 +143,14 @@ BR.RoutingOptions = L.Evented.extend({
         return localStorage.getItem('routingprofile');
     },
 
-    _getChangeHandler() {
+    _getChangeHandler: function () {
         return L.bind(function (evt) {
             this.rememberProfile(evt.target.options[evt.target.options.selectedIndex].value);
             this.fire('update', { options: this.getOptions() });
         }, this);
     },
 
-    _keydownListener(e) {
+    _keydownListener: function (e) {
         if (BR.Util.keyboardShortcutsAllowed(e) && e.keyCode === this.options.shortcut.switch) {
             if (!$('#profile-alternative-form .dropdown').hasClass('show')) {
                 $('#profile-alternative-form button').click();
diff --git a/js/control/ShareRoute.js b/js/control/ShareRoute.js
index b6b1fc1..dca79fc 100644
--- a/js/control/ShareRoute.js
+++ b/js/control/ShareRoute.js
@@ -8,18 +8,18 @@ BR.ShareRoute = L.Class.extend({
         },
     },
 
-    initialize() {
+    initialize: function () {
         L.DomUtil.get('shareButton').onclick = L.bind(this.share, this);
         L.DomEvent.addListener(document, 'keydown', this._keydownListener, this);
     },
 
-    share(event) {
+    share: function (event) {
         event.preventDefault();
         this.services();
         this.qrcode();
     },
 
-    services() {
+    services: function () {
         const self = this;
 
         $('.share-copy-link').on('click', function () {
@@ -68,7 +68,7 @@ BR.ShareRoute = L.Class.extend({
      *   to the length of the URL
      * - displays buttons to change the size of the QR Code (small, medium, large)
      */
-    qrcode() {
+    qrcode: function () {
         const exportUrl = this.createQrCodeUrl();
 
         this.renderQrCode('share-qrcode-img', exportUrl, this.getQrCodeSizeForUrl(exportUrl));
@@ -78,7 +78,7 @@ BR.ShareRoute = L.Class.extend({
         });
     },
 
-    getQrCodeSizeForUrl(url) {
+    getQrCodeSizeForUrl: function (url) {
         if (url.length < 500) {
             return 256;
         }
@@ -90,7 +90,7 @@ BR.ShareRoute = L.Class.extend({
         return 512;
     },
 
-    renderQrCode(elementId, url, size) {
+    renderQrCode: function (elementId, url, size) {
         $('#share-qrcode-img').empty();
         $('#qrcode-buttons').show();
         $('#qrcode-msg-unknown-error').hide();
@@ -119,7 +119,7 @@ BR.ShareRoute = L.Class.extend({
         }
     },
 
-    createQrCodeUrl() {
+    createQrCodeUrl: function () {
         // We work on a copy of the current location instance to avoid
         // reloading the page (which will happen when the `export` query
         // parameter is added to the actual location object):
@@ -137,7 +137,7 @@ BR.ShareRoute = L.Class.extend({
         return exportLocation.toString();
     },
 
-    getShareUrl() {
+    getShareUrl: function () {
         const exportLocation = new URL(document.location.href);
         const searchParams = new URLSearchParams(exportLocation.search);
         searchParams.delete('export');
@@ -146,7 +146,7 @@ BR.ShareRoute = L.Class.extend({
         return exportLocation.toString();
     },
 
-    _keydownListener(event) {
+    _keydownListener: function (event) {
         if (
             BR.Util.keyboardShortcutsAllowed(event) &&
             event.keyCode === this.options.shortcut.share_action &&
diff --git a/js/control/TrackAnalysis.js b/js/control/TrackAnalysis.js
index abcb927..cd3c1c2 100644
--- a/js/control/TrackAnalysis.js
+++ b/js/control/TrackAnalysis.js
@@ -35,7 +35,7 @@ BR.TrackAnalysis = L.Class.extend({
      * @param {Map} map
      * @param {object} options
      */
-    initialize(map, options) {
+    initialize: function (map, options) {
         this.map = map;
         L.setOptions(this, options);
     },
@@ -60,7 +60,7 @@ BR.TrackAnalysis = L.Class.extend({
     /**
      * Called by BR.Sidebar when tab is activated
      */
-    show() {
+    show: function () {
         this.active = true;
         this.options.requestUpdate(this);
     },
@@ -68,23 +68,23 @@ BR.TrackAnalysis = L.Class.extend({
     /**
      * Called by BR.Sidebar when tab is deactivated
      */
-    hide() {
+    hide: function () {
         this.active = false;
     },
 
     /**
      * Everytime the track changes this method is called:
      *
-     * - calculate statistics (way type, max speed, surface, smoothness)
+     * - calculate statistics (way type, surface, smoothness)
      *   for the whole track
      * - renders statistics tables
      * - create event listeners which allow to hover/click a
      *   table row for highlighting matching track segments
      *
      * @param {Polyline} polyline
-     * @param {Array} segments - route segments between waypoints
+     * @param {Array} segments
      */
-    update(polyline, segments) {
+    update: function (polyline, segments) {
         if (!this.active) {
             return;
         }
@@ -105,7 +105,7 @@ BR.TrackAnalysis = L.Class.extend({
         this.trackPolyline = polyline;
         this.trackEdges = new BR.TrackEdges(segments);
 
-        const analysis = this.calcStats(polyline, segments);
+        var analysis = this.calcStats(polyline, segments);
 
         this.render(analysis);
 
@@ -129,10 +129,9 @@ BR.TrackAnalysis = L.Class.extend({
      * @param segments
      * @returns {Object}
      */
-    calcStats(polyline, segments) {
+    calcStats: function (polyline, segments) {
         const analysis = {
             highway: {},
-            maxspeed: {},
             surface: {},
             smoothness: {},
         };
@@ -176,25 +175,14 @@ BR.TrackAnalysis = L.Class.extend({
                                 segments[segmentIndex].feature.properties.messages[messageIndex][3]
                             );
                             break;
-                        case 'maxspeed':
                         case 'surface':
                         case 'smoothness':
                             if (typeof analysis[tagName][wayTagParts[1]] === 'undefined') {
-                                let formattedName;
-
-                                if (tagName.indexOf('maxspeed') === 0) {
-                                    formattedName = i18next.t('sidebar.analysis.data.maxspeed', {
-                                        maxspeed: wayTagParts[1],
-                                    });
-                                } else {
-                                    formattedName = i18next.t([
-                                        'sidebar.analysis.data.' + tagName + '.' + wayTagParts[1],
-                                        wayTagParts[1],
-                                    ]);
-                                }
-
                                 analysis[tagName][wayTagParts[1]] = {
-                                    formatted_name: formattedName,
+                                    formatted_name: i18next.t(
+                                        'sidebar.analysis.data.' + tagName + '.' + wayTagParts[1],
+                                        wayTagParts[1]
+                                    ),
                                     name: wayTagParts[1],
                                     subtype: '',
                                     distance: 0.0,
@@ -221,15 +209,11 @@ BR.TrackAnalysis = L.Class.extend({
      * are dropped. If no specialized surface/smoothness tag is found, the default value
      * is returned, i.e. `smoothness` or `surface`.
      *
-     * Also, maxspeed comes in different variations, e.g. `maxspeed`, `maxspeed:forward`,
-     * `maxspeed:backward`. Depending on the existence of the `reversedirection` field
-     * we can select the correct value.
-     *
-     * @param wayTags - tags + values for a way segment
-     * @param routingType - currently only 'cycling' is supported, can be extended in the future (walking, driving, etc.)
+     * @param wayTags tags + values for a way segment
+     * @param routingType currently only 'cycling' is supported, can be extended in the future (walking, driving, etc.)
      * @returns {*[]}
      */
-    normalizeWayTags(wayTags, routingType) {
+    normalizeWayTags: function (wayTags, routingType) {
         let normalizedWayTags = {};
         let surfaceTags = {};
         let smoothnessTags = {};
@@ -258,19 +242,6 @@ BR.TrackAnalysis = L.Class.extend({
                 continue;
             }
 
-            if (tagName === 'maxspeed:forward' && !wayTags.includes('reversedirection=yes')) {
-                normalizedWayTags['maxspeed'] = tagValue;
-                continue;
-            }
-            if (tagName === 'maxspeed:backward' && wayTags.includes('reversedirection=yes')) {
-                normalizedWayTags['maxspeed'] = tagValue;
-                continue;
-            }
-            if (tagName === 'maxspeed') {
-                normalizedWayTags[tagName] = tagValue;
-                continue;
-            }
-
             normalizedWayTags[tagName] = tagValue;
         }
 
@@ -307,11 +278,11 @@ BR.TrackAnalysis = L.Class.extend({
      *
      * @returns {Object}
      */
-    sortAnalysisData(analysis) {
-        const analysisSortable = {};
-        const result = {};
+    sortAnalysisData: function (analysis) {
+        var analysisSortable = {};
+        var result = {};
 
-        for (const type in analysis) {
+        for (var type in analysis) {
             if (!analysis.hasOwnProperty(type)) {
                 continue;
             }
@@ -319,24 +290,18 @@ BR.TrackAnalysis = L.Class.extend({
             result[type] = {};
             analysisSortable[type] = [];
 
-            for (const name in analysis[type]) {
+            for (var name in analysis[type]) {
                 if (!analysis[type].hasOwnProperty(name)) {
                     continue;
                 }
                 analysisSortable[type].push(analysis[type][name]);
             }
 
-            if (type === 'maxspeed') {
-                analysisSortable[type].sort(function (a, b) {
-                    return parseInt(a.name) - parseInt(b.name);
-                });
-            } else {
-                analysisSortable[type].sort(function (a, b) {
-                    return b.distance - a.distance;
-                });
-            }
+            analysisSortable[type].sort(function (a, b) {
+                return b.distance - a.distance;
+            });
 
-            for (let j = 0; j < analysisSortable[type].length; j++) {
+            for (var j = 0; j < analysisSortable[type].length; j++) {
                 result[type][analysisSortable[type][j].formatted_name] = analysisSortable[type][j];
             }
         }
@@ -351,9 +316,9 @@ BR.TrackAnalysis = L.Class.extend({
      * @param {string[]} wayTags
      * @returns {string}
      */
-    getTrackType(wayTags) {
-        for (let i = 0; i < wayTags.length; i++) {
-            const wayTagParts = wayTags[i].split('=');
+    getTrackType: function (wayTags) {
+        for (var i = 0; i < wayTags.length; i++) {
+            var wayTagParts = wayTags[i].split('=');
             if (wayTagParts[0] === 'tracktype') {
                 return wayTagParts[1];
             }
@@ -365,20 +330,22 @@ BR.TrackAnalysis = L.Class.extend({
     /**
      * @param {Object} analysis
      */
-    render(analysis) {
-        const $content = $('#track_statistics');
+    render: function (analysis) {
+        var $content = $('#track_statistics');
 
         $content.html('');
-        $content.append($(`<h4 class="track-analysis-heading">${i18next.t('sidebar.analysis.header.highway')}</h4>`));
+        $content.append(
+            $('<h4 class="track-analysis-heading">' + i18next.t('sidebar.analysis.header.highway') + '</h4>')
+        );
         $content.append(this.renderTable('highway', analysis.highway));
-        $content.append($(`<h4 class="track-analysis-heading">${i18next.t('sidebar.analysis.header.surface')}</h4>`));
+        $content.append(
+            $('<h4 class="track-analysis-heading">' + i18next.t('sidebar.analysis.header.surface') + '</h4>')
+        );
         $content.append(this.renderTable('surface', analysis.surface));
         $content.append(
-            $(`<h4 class="track-analysis-heading">${i18next.t('sidebar.analysis.header.smoothness')}</h4>`)
+            $('<h4 class="track-analysis-heading">' + i18next.t('sidebar.analysis.header.smoothness') + '</h4>')
         );
         $content.append(this.renderTable('smoothness', analysis.smoothness));
-        $content.append($(`<h4 class="track-analysis-heading">${i18next.t('sidebar.analysis.header.maxspeed')}</h4>`));
-        $content.append(this.renderTable('maxspeed', analysis.maxspeed));
     },
 
     /**
@@ -388,46 +355,68 @@ BR.TrackAnalysis = L.Class.extend({
      * @param {Array} data
      * @returns {jQuery}
      */
-    renderTable(type, data) {
-        let index;
-        const $table = $(`<table data-type="${type}" class="mini stripe dataTable track-analysis-table"></table>`);
-        const $thead = $('<thead></thead>');
+    renderTable: function (type, data) {
+        var index;
+        var $table = $(
+            '<table data-type="' + type + '" class="mini cell-border stripe dataTable track-analysis-table"></table>'
+        );
+        var $thead = $('<thead></thead>');
         $thead.append(
             $('<tr>')
                 .append(
-                    `<th class="track-analysis-header-category">${i18next.t('sidebar.analysis.table.category')}</th>`
+                    '<th class="track-analysis-header-category">' +
+                        i18next.t('sidebar.analysis.table.category') +
+                        '</th>'
                 )
                 .append(
-                    $(`<th class="track-analysis-header-distance">${i18next.t('sidebar.analysis.table.length')}</th>`)
+                    $(
+                        '<th class="track-analysis-header-distance">' +
+                            i18next.t('sidebar.analysis.table.length') +
+                            '</th>'
+                    )
                 )
         );
         $table.append($thead);
-        const $tbody = $('<tbody></tbody>');
+        var $tbody = $('<tbody></tbody>');
 
-        let totalDistance = 0.0;
+        var totalDistance = 0.0;
 
         for (index in data) {
             if (!data.hasOwnProperty(index)) {
                 continue;
             }
-            const $row = $(`<tr data-name="${data[index].name}" \
-                data-subtype="${data[index].subtype}" \
-                data-distance="${data[index].distance}"></tr>`);
-            $row.append(`<td class="track-analysis-title">${data[index].formatted_name}</td>`);
-            $row.append(`<td class="track-analysis-distance">${this.formatDistance(data[index].distance)} km</td>`);
+            var $row = $(
+                '<tr data-name="' +
+                    data[index].name +
+                    '" data-subtype="' +
+                    data[index].subtype +
+                    '" data-distance="' +
+                    data[index].distance +
+                    '"></tr>'
+            );
+            $row.append('<td class="track-analysis-title">' + data[index].formatted_name + '</td>');
+            $row.append(
+                '<td class="track-analysis-distance">' + this.formatDistance(data[index].distance) + ' km</td>'
+            );
             $tbody.append($row);
             totalDistance += data[index].distance;
         }
 
         if (totalDistance < this.totalRouteDistance) {
             $tbody.append(
-                $(`<tr data-name="internal-unknown" data-distance="${this.totalRouteDistance - totalDistance}"></tr>`)
-                    .append($(`<td class="track-analysis-title">${i18next.t('sidebar.analysis.table.unknown')}</td>`))
+                $(
+                    '<tr data-name="internal-unknown" data-distance="' +
+                        (this.totalRouteDistance - totalDistance) +
+                        '"></tr>'
+                )
+                    .append(
+                        $('<td class="track-analysis-title">' + i18next.t('sidebar.analysis.table.unknown') + '</td>')
+                    )
                     .append(
                         $(
-                            `<td class="track-analysis-distance">${this.formatDistance(
-                                this.totalRouteDistance - totalDistance
-                            )} km</td>`
+                            '<td class="track-analysis-distance">' +
+                                this.formatDistance(this.totalRouteDistance - totalDistance) +
+                                ' km</td>'
                         )
                     )
             );
@@ -438,12 +427,12 @@ BR.TrackAnalysis = L.Class.extend({
         $table.append(
             $('<tfoot></tfoot>')
                 .append('<tr></tr>')
-                .append($(`<td>${i18next.t('sidebar.analysis.table.total_known')}</td>`))
+                .append($('<td>' + i18next.t('sidebar.analysis.table.total_known') + '</td>'))
                 .append(
                     $(
-                        `<td class="track-analysis-distance track-analysis-distance-total">${this.formatDistance(
-                            totalDistance
-                        )} km</td>`
+                        '<td class="track-analysis-distance track-analysis-distance-total">' +
+                            this.formatDistance(totalDistance) +
+                            ' km</td>'
                     )
                 )
         );
@@ -457,32 +446,32 @@ BR.TrackAnalysis = L.Class.extend({
      * @param {number} meters
      * @returns {string}
      */
-    formatDistance(meters) {
+    formatDistance: function (meters) {
         return (meters / 1000).toLocaleString(undefined, { minimumFractionDigits: 2, maximumFractionDigits: 2 });
     },
 
-    handleHover(event) {
-        const $tableRow = $(event.currentTarget);
-        const $table = $tableRow.parents('table').first();
-        const dataType = $table.data('type');
-        const dataName = $tableRow.data('name');
-        const trackType = $tableRow.data('subtype');
+    handleHover: function (event) {
+        var $tableRow = $(event.currentTarget);
+        var $table = $tableRow.parents('table').first();
+        var dataType = $table.data('type');
+        var dataName = $tableRow.data('name');
+        var trackType = $tableRow.data('subtype');
 
-        const polylinesForDataType = this.getPolylinesForDataType(dataType, dataName, trackType);
+        var polylinesForDataType = this.getPolylinesForDataType(dataType, dataName, trackType);
 
         this.highlightedSegments = L.layerGroup(polylinesForDataType).addTo(this.map);
     },
 
-    handleHoverOut() {
+    handleHoverOut: function () {
         this.map.removeLayer(this.highlightedSegments);
     },
 
-    toggleSelected(event) {
-        const tableRow = event.currentTarget;
-        const $table = $(tableRow).parents('table').first();
-        const dataType = $table.data('type');
-        const dataName = $(tableRow).data('name');
-        const trackType = $(tableRow).data('subtype');
+    toggleSelected: function (event) {
+        var tableRow = event.currentTarget;
+        var $table = $(tableRow).parents('table').first();
+        var dataType = $table.data('type');
+        var dataName = $(tableRow).data('name');
+        var trackType = $(tableRow).data('subtype');
 
         if (tableRow.classList.toggle('selected')) {
             if (this.highlightedSegment) {
@@ -508,21 +497,21 @@ BR.TrackAnalysis = L.Class.extend({
      * track edge matches the search, create a Leaflet polyline
      * and add it to the result array.
      *
-     * @param {string} dataType - `highway`, `surface`, `smoothness`
-     * @param {string} dataName - `primary`, `track, `asphalt`, etc.
-     * @param {string} trackType - the tracktype is passed here (e.g.
+     * @param {string} dataType `highway`, `surface`, `smoothness`
+     * @param {string} dataName `primary`, `track, `asphalt`, etc.
+     * @param {string} trackType the tracktype is passed here (e.g.
      * `grade3`), but only in the case that `dataName` is `track`
      *
      * @returns {Polyline[]}
      */
-    getPolylinesForDataType(dataType, dataName, trackType) {
-        const polylines = [];
-        const trackLatLngs = this.trackPolyline.getLatLngs();
+    getPolylinesForDataType: function (dataType, dataName, trackType) {
+        var polylines = [];
+        var trackLatLngs = this.trackPolyline.getLatLngs();
 
-        for (let i = 0; i < this.trackEdges.edges.length; i++) {
+        for (var i = 0; i < this.trackEdges.edges.length; i++) {
             if (this.wayTagsMatchesData(trackLatLngs[this.trackEdges.edges[i]], dataType, dataName, trackType)) {
-                const matchedEdgeIndexStart = i > 0 ? this.trackEdges.edges[i - 1] : 0;
-                const matchedEdgeIndexEnd = this.trackEdges.edges[i] + 1;
+                var matchedEdgeIndexStart = i > 0 ? this.trackEdges.edges[i - 1] : 0;
+                var matchedEdgeIndexEnd = this.trackEdges.edges[i] + 1;
                 polylines.push(
                     L.polyline(
                         trackLatLngs.slice(matchedEdgeIndexStart, matchedEdgeIndexEnd),
@@ -541,16 +530,16 @@ BR.TrackAnalysis = L.Class.extend({
      * which matches if a tag-pair is missing. Special handling for
      * tracktypes again.
      *
-     * @param {string} wayTags - The way tags as provided by brouter, e.g.
+     * @param {string} wayTags The way tags as provided by brouter, e.g.
      * `highway=secondary surface=asphalt smoothness=good`
-     * @param {string} dataType - `highway`, `surface`, `smoothness`
-     * @param {string} dataName - `primary`, `track, `asphalt`, etc.
-     * @param {string} trackType - the tracktype is passed here (e.g.
+     * @param {string} dataType `highway`, `surface`, `smoothness`
+     * @param {string} dataName `primary`, `track, `asphalt`, etc.
+     * @param {string} trackType the tracktype is passed here (e.g.
      * `grade3`), but only in the case that `dataName` is `track`
      *
      * @returns {boolean}
      */
-    wayTagsMatchesData(wayTags, dataType, dataName, trackType) {
+    wayTagsMatchesData: function (wayTags, dataType, dataName, trackType) {
         const parsed = this.wayTagsToObject(wayTags);
 
         switch (dataType) {
@@ -570,44 +559,19 @@ BR.TrackAnalysis = L.Class.extend({
                 return this.singleWayTagMatchesData('surface', parsed, dataName);
             case 'smoothness':
                 return this.singleWayTagMatchesData('smoothness', parsed, dataName);
-            case 'maxspeed':
-                return this.singleWayTagMatchesData('maxspeed', parsed, dataName);
         }
 
         return false;
     },
 
-    singleWayTagMatchesData(category, parsedData, lookupValue) {
-        if (typeof lookupValue === 'number') {
-            lookupValue = lookupValue.toString();
-        }
+    singleWayTagMatchesData: function (category, parsedData, lookupValue) {
+        var foundValue = null;
 
-        let foundValue = null;
-
-        // We need to handle `maxspeed:forward` and `maxspeed:backward` separately
-        // from all other tags, because we need to consider the `reversedirection`
-        // tag.
-        // Test URL: http://localhost:3000/#map=15/52.2292/13.6204/standard&lonlats=13.61948,52.231611;13.611327,52.227431
-        if (
-            category === 'maxspeed' &&
-            parsedData.hasOwnProperty('maxspeed:forward') &&
-            !parsedData.hasOwnProperty('reversedirection')
-        ) {
-            foundValue = parsedData['maxspeed:forward'];
-        }
-        if (
-            category === 'maxspeed' &&
-            parsedData.hasOwnProperty('maxspeed:backward') &&
-            parsedData.hasOwnProperty('reversedirection') &&
-            parsedData.reversedirection === 'yes'
-        ) {
-            foundValue = parsedData['maxspeed:backward'];
-        }
-
-        // if the special handling for `maxspeed` didn't find a result,
-        // check wayTags for matching property:
-        if (foundValue === null && parsedData.hasOwnProperty(category)) {
-            foundValue = parsedData[category];
+        for (var iterationKey in parsedData) {
+            if (iterationKey.indexOf(category) !== -1) {
+                foundValue = parsedData[iterationKey];
+                break;
+            }
         }
 
         if (lookupValue === 'internal-unknown' && foundValue === null) {
@@ -622,12 +586,12 @@ BR.TrackAnalysis = L.Class.extend({
      *
      * 'highway=primary surface=asphalt' => { highway: 'primary', surface: 'asphalt' }
      *
-     * @param wayTags - The way tags as provided by brouter, e.g.
+     * @param wayTags The way tags as provided by brouter, e.g.
      * `highway=secondary surface=asphalt smoothness=good`
      *
      * @returns {object}
      */
-    wayTagsToObject(wayTags) {
+    wayTagsToObject: function (wayTags) {
         let result = {};
         const wayTagPairs = wayTags.feature.wayTags.split(' ');
 
@@ -644,11 +608,11 @@ BR.TrackAnalysis = L.Class.extend({
      *
      * { 'highway' : 'path', 'surface' : 'sand' } => ['highway=path', 'surface=sand']
      *
-     * @param wayTags - The way tags in object representation
+     * @param wayTags The way tags in object representation
      *
      * @returns {object}
      */
-    wayTagsToArray(wayTags) {
+    wayTagsToArray: function (wayTags) {
         let wayTagsArray = [];
         for (let wayTagKey in wayTags) {
             wayTagsArray.push(wayTagKey + '=' + wayTags[wayTagKey]);
diff --git a/js/control/TrackMessages.js b/js/control/TrackMessages.js
index 300c412..3116e1a 100644
--- a/js/control/TrackMessages.js
+++ b/js/control/TrackMessages.js
@@ -38,7 +38,7 @@ BR.TrackMessages = L.Class.extend({
 
     segments: null,
 
-    initialize(map, options) {
+    initialize: function (map, options) {
         L.setOptions(this, options);
         this._map = map;
 
@@ -53,7 +53,7 @@ BR.TrackMessages = L.Class.extend({
         this._mapMouseOutHandlerBound = this.mapMouseOutHandler.bind(this);
     },
 
-    update(polyline, segments, layer) {
+    update: function (polyline, segments, layer) {
         var i,
             messages,
             columns,
@@ -89,8 +89,8 @@ BR.TrackMessages = L.Class.extend({
 
         this._table = $('#datatable').DataTable({
             destroy: true,
-            data,
-            columns,
+            data: data,
+            columns: columns,
             paging: false,
             searching: false,
             info: false,
@@ -109,7 +109,7 @@ BR.TrackMessages = L.Class.extend({
         this.listenMapEvents(layer, true);
     },
 
-    listenMapEvents(layer, on) {
+    listenMapEvents: function (layer, on) {
         if (layer) {
             if (on) {
                 layer.on('mousemove', this._mapMouseMoveHandlerBound);
@@ -121,16 +121,16 @@ BR.TrackMessages = L.Class.extend({
         }
     },
 
-    show() {
+    show: function () {
         this.active = true;
         this.options.requestUpdate(this);
     },
 
-    hide() {
+    hide: function () {
         this.active = false;
     },
 
-    _destroyTable() {
+    _destroyTable: function () {
         var ele;
 
         if ($.fn.DataTable.isDataTable('#datatable')) {
@@ -147,7 +147,7 @@ BR.TrackMessages = L.Class.extend({
         return ele || document.getElementById('datatable');
     },
 
-    _destroyEdges() {
+    _destroyEdges: function () {
         if (this._selectedEdge) {
             this._map.removeLayer(this._selectedEdge);
             this._selectedEdge = null;
@@ -158,7 +158,7 @@ BR.TrackMessages = L.Class.extend({
         }
     },
 
-    _getColumns(headings, data) {
+    _getColumns: function (headings, data) {
         var columns = [],
             defaultOptions,
             options,
@@ -175,7 +175,7 @@ BR.TrackMessages = L.Class.extend({
         return columns;
     },
 
-    _getEmptyColumns(data) {
+    _getEmptyColumns: function (data) {
         var empty = new Array(data[0].length),
             i;
 
@@ -192,7 +192,7 @@ BR.TrackMessages = L.Class.extend({
         return empty;
     },
 
-    _getRowEdge(tr) {
+    _getRowEdge: function (tr) {
         var row = this._table.row($(tr)),
             trackLatLngs = this.trackPolyline.getLatLngs(),
             startIndex = row.index() > 0 ? this.trackEdges.edges[row.index() - 1] : 0,
@@ -202,7 +202,7 @@ BR.TrackMessages = L.Class.extend({
         return L.polyline(edgeLatLngs, this.options.edgeStyle);
     },
 
-    _handleHover(evt) {
+    _handleHover: function (evt) {
         var tr = evt.currentTarget;
 
         this._hoveredEdge = this._getRowEdge(tr).addTo(this._map);
@@ -211,12 +211,12 @@ BR.TrackMessages = L.Class.extend({
         }
     },
 
-    _handleHoverOut(evt) {
+    _handleHoverOut: function (evt) {
         this._map.removeLayer(this._hoveredEdge);
         this._hoveredEdge = null;
     },
 
-    _toggleSelected(evt) {
+    _toggleSelected: function (evt) {
         var tr = evt.currentTarget;
 
         if (tr.classList.toggle('selected')) {
@@ -237,14 +237,14 @@ BR.TrackMessages = L.Class.extend({
         }
     },
 
-    _toggleSyncMap(evt) {
+    _toggleSyncMap: function (evt) {
         var button = evt.currentTarget;
 
         button.classList.toggle('active');
         this.options.syncMap = !this.options.syncMap;
     },
 
-    mapMouseMoveHandler(evt) {
+    mapMouseMoveHandler: function (evt) {
         // initialize the vars for the closest item calculation
         let closestPointIdx = null;
         // large enough to be trumped by any point on the chart
@@ -292,7 +292,7 @@ BR.TrackMessages = L.Class.extend({
         }
     },
 
-    mapMouseOutHandler() {
+    mapMouseOutHandler: function () {
         if (this._mapHoveredRow) {
             this._mapHoveredRow.classList.remove('hoverRoute');
         }
diff --git a/js/control/TrackStats.js b/js/control/TrackStats.js
index f88d0fa..9fbfb6a 100644
--- a/js/control/TrackStats.js
+++ b/js/control/TrackStats.js
@@ -1,5 +1,5 @@
 BR.TrackStats = L.Class.extend({
-    update(polyline, segments) {
+    update: function (polyline, segments) {
         if (segments.length == 0) {
             $('#stats-container').hide();
             $('#stats-info').show();
@@ -44,7 +44,7 @@ BR.TrackStats = L.Class.extend({
         $('#meanenergy').html(meanEnergy);
     },
 
-    calcStats(polyline, segments) {
+    calcStats: function (polyline, segments) {
         var stats = {
             trackLength: 0,
             filteredAscend: 0,
diff --git a/js/format/Csv.js b/js/format/Csv.js
index b172a9a..188fd30 100644
--- a/js/format/Csv.js
+++ b/js/format/Csv.js
@@ -1,5 +1,5 @@
 BR.Csv = {
-    format(geoJson) {
+    format: function (geoJson) {
         const separator = '\t';
         const newline = '\n';
         const messages = geoJson.features[0].properties.messages;
diff --git a/js/format/Fit.js b/js/format/Fit.js
index 392118d..3d577b2 100644
--- a/js/format/Fit.js
+++ b/js/format/Fit.js
@@ -1,5 +1,5 @@
 BR.Fit = {
-    format(geoJson, turnInstructionMode = 0) {
+    format: function (geoJson, turnInstructionMode = 0) {
         if (!geoJson?.features) return '';
 
         function calcDistance(p1, p2) {
diff --git a/js/format/Gpx.js b/js/format/Gpx.js
index e0960f5..9c65b69 100644
--- a/js/format/Gpx.js
+++ b/js/format/Gpx.js
@@ -1,6 +1,6 @@
 // derived from BRouter btools.router.OsmTrack.formatAsGpx
 BR.Gpx = {
-    format(geoJson, turnInstructionMode = 0, transportMode = 'bike') {
+    format: function (geoJson, turnInstructionMode = 0, transportMode = 'bike') {
         if (!geoJson?.features) return '';
 
         class GpxTransform {
@@ -55,9 +55,9 @@ BR.Gpx = {
 
         let gpx = togpx(geoJson, {
             creator: (BR.conf.appName || 'BRouter-Web') + ' ' + BR.version,
-            featureTitle() {},
-            featureDescription() {},
-            featureCoordTimes() {},
+            featureTitle: function () {},
+            featureDescription: function () {},
+            featureCoordTimes: function () {},
             transform: gpxTransform,
         });
         const statsComment = BR.Gpx._statsComment(geoJson);
@@ -67,7 +67,7 @@ BR.Gpx = {
     },
 
     // <!-- track-length = 319 filtered ascend = 2 plain-ascend = -1 cost=533 energy=.0kwh time=44s -->
-    _statsComment(geoJson) {
+    _statsComment: function (geoJson) {
         const props = geoJson.features?.[0].properties;
         if (!props) return '';
 
diff --git a/js/format/Kml.js b/js/format/Kml.js
index 55d4748..e5af1df 100644
--- a/js/format/Kml.js
+++ b/js/format/Kml.js
@@ -1,5 +1,5 @@
 BR.Kml = {
-    format(geoJson) {
+    format: function (geoJson) {
         // don't export properties as <ExtendedData>, probably no need for it
         geoJson.features[0].properties = { name: geoJson.features[0].properties.name };
         return BR.Xml.pretty(tokml(geoJson));
diff --git a/js/format/VoiceHints.js b/js/format/VoiceHints.js
index 2326401..bcc748d 100644
--- a/js/format/VoiceHints.js
+++ b/js/format/VoiceHints.js
@@ -235,7 +235,7 @@
             const wpt = {
                 ele: coord[2],
                 name: cmd.message,
-                extensions,
+                extensions: extensions,
             };
 
             if (wpt.ele === undefined || wpt.ele === null) {
diff --git a/js/format/Xml.js b/js/format/Xml.js
index 7ded13e..d52a147 100644
--- a/js/format/Xml.js
+++ b/js/format/Xml.js
@@ -2,7 +2,7 @@ BR.Xml = {
     // modified version of
     // https://gist.github.com/sente/1083506#gistcomment-2254622
     // MIT License, Copyright (c) 2016 Stuart Powers, ES6 version by Jonathan Gruber
-    pretty(xml, indentSize = 1) {
+    pretty: function (xml, indentSize = 1) {
         const PADDING = ' '.repeat(indentSize);
         const newline = '\n';
 
diff --git a/js/index.js b/js/index.js
index 4a5ac4d..d426ecb 100644
--- a/js/index.js
+++ b/js/index.js
@@ -58,7 +58,7 @@
                 {
                     stateName: 'deactivate-draw',
                     icon: 'fa-pencil active',
-                    onClick(control) {
+                    onClick: function (control) {
                         routing.draw(false);
                         control.state('activate-draw');
                     },
@@ -70,7 +70,7 @@
                 {
                     stateName: 'activate-draw',
                     icon: 'fa-pencil',
-                    onClick(control) {
+                    onClick: function (control) {
                         routing.draw(true);
                         control.state('deactivate-draw');
                     },
@@ -103,13 +103,13 @@
                     stateName: 'activate-beeline',
                     icon: svg.replace(' active', ''),
                     onClick: beelineClickHandler,
-                    title,
+                    title: title,
                 },
                 {
                     stateName: 'deactivate-beeline',
                     icon: svg,
                     onClick: beelineClickHandler,
-                    title,
+                    title: title,
                 },
             ],
         });
@@ -188,10 +188,10 @@
                     },
                 ],
                 value: ['route'],
-                onShown() {
+                onShown: function () {
                     $('button.bootbox-accept', $(this)).focus();
                 },
-                callback(result) {
+                callback: function (result) {
                     if (result !== null) {
                         if (result.indexOf('route') !== -1) {
                             routing.clear();
@@ -290,10 +290,10 @@
             routingOptions.setCustomProfile(null);
         });
         trackMessages = new BR.TrackMessages(map, {
-            requestUpdate,
+            requestUpdate: requestUpdate,
         });
         trackAnalysis = new BR.TrackAnalysis(map, {
-            requestUpdate,
+            requestUpdate: requestUpdate,
         });
 
         routingPathQuality = new BR.RoutingPathQuality(map, layersControl);
@@ -500,7 +500,7 @@
         urlHash.onHashChangeCb = onHashChangeCb;
         urlHash.onInvalidHashChangeCb = onInvalidHashChangeCb;
         urlHash.init(map, {
-            layersControl,
+            layersControl: layersControl,
         });
 
         // activate configured default base layer or first if no hash,
diff --git a/js/plugin/Bing.js b/js/plugin/Bing.js
index bf06142..4446d05 100644
--- a/js/plugin/Bing.js
+++ b/js/plugin/Bing.js
@@ -6,7 +6,7 @@ BR.BingLayer = L.BingLayer.extend({
             ' (<a target="_blank" href="https://go.microsoft.com/?linkid=9710837">TOU</a>)',
     },
 
-    initialize(key, options) {
+    initialize: function (key, options) {
         L.BingLayer.prototype.initialize.call(this, key, options);
 
         this._logo = L.control({ position: 'bottomleft' });
@@ -18,12 +18,12 @@ BR.BingLayer = L.BingLayer.extend({
         };
     },
 
-    onAdd(map) {
+    onAdd: function (map) {
         L.BingLayer.prototype.onAdd.call(this, map);
         map.addControl(this._logo);
     },
 
-    onRemove(map) {
+    onRemove: function (map) {
         L.BingLayer.prototype.onRemove.call(this, map);
         map.removeControl(this._logo);
     },
diff --git a/js/plugin/CircleGoArea.js b/js/plugin/CircleGoArea.js
index 5654d56..a03b2d7 100644
--- a/js/plugin/CircleGoArea.js
+++ b/js/plugin/CircleGoArea.js
@@ -20,14 +20,14 @@ BR.CircleGoArea = L.Control.extend({
         },
     },
 
-    initialize(routing, nogos, pois, options) {
+    initialize: function (routing, nogos, pois, options) {
         this.routing = routing;
         this.nogos = nogos;
         this.pois = pois;
         L.setOptions(this, options);
     },
 
-    onAdd(map) {
+    onAdd: function (map) {
         var self = this;
 
         this.map = map;
@@ -38,7 +38,7 @@ BR.CircleGoArea = L.Control.extend({
                 {
                     stateName: 'activate-circlego',
                     icon: 'fa-circle-o',
-                    onClick() {
+                    onClick: function () {
                         self.draw(true);
                     },
                     title: i18next.t('keyboard.generic-shortcut', {
@@ -49,7 +49,7 @@ BR.CircleGoArea = L.Control.extend({
                 {
                     stateName: 'deactivate-circlego',
                     icon: 'fa-circle-o active',
-                    onClick() {
+                    onClick: function () {
                         self.draw(false);
                     },
                     title: i18next.t('keyboard.generic-shortcut', {
@@ -88,7 +88,7 @@ BR.CircleGoArea = L.Control.extend({
         return container;
     },
 
-    draw(enable) {
+    draw: function (enable) {
         this.drawButton.state(enable ? 'deactivate-circlego' : 'activate-circlego');
         if (enable) {
             this.routing.draw(false);
@@ -109,7 +109,7 @@ BR.CircleGoArea = L.Control.extend({
         }
     },
 
-    _keydownListener(e) {
+    _keydownListener: function (e) {
         if (!BR.Util.keyboardShortcutsAllowed(e)) {
             return;
         }
@@ -120,7 +120,7 @@ BR.CircleGoArea = L.Control.extend({
         }
     },
 
-    _getBoundary(center, adminLevel, adminLevelFallback) {
+    _getBoundary: function (center, adminLevel, adminLevelFallback) {
         adminLevel = adminLevel || 8;
         var query =
             '[out:json]; is_in(' +
@@ -165,7 +165,7 @@ BR.CircleGoArea = L.Control.extend({
         );
     },
 
-    _setBoundary(geoJson) {
+    _setBoundary: function (geoJson) {
         // drop admin_centre nodes
         geoJson.features = geoJson.features.filter(function (feature) {
             return feature.geometry.type !== 'Point';
@@ -173,7 +173,7 @@ BR.CircleGoArea = L.Control.extend({
 
         var boundaryLine = turf.polygonToLine(geoJson.features[0]);
         this.boundaryLayer = L.geoJson(boundaryLine, {
-            style(feature) {
+            style: function (feature) {
                 return {
                     weight: 1,
                     color: 'black',
@@ -199,7 +199,7 @@ BR.CircleGoArea = L.Control.extend({
         this.setOutsideArea(ring);
     },
 
-    _getPolygonForPoint(center, featureCollection) {
+    _getPolygonForPoint: function (center, featureCollection) {
         var polygon = null;
         var point = turf.point(center);
 
@@ -216,15 +216,15 @@ BR.CircleGoArea = L.Control.extend({
         return polygon;
     },
 
-    _getState(center) {
+    _getState: function (center) {
         return this._getPolygonForPoint(center, this.states);
     },
 
-    _getCountry(center) {
+    _getCountry: function (center) {
         return this._getPolygonForPoint(center, this.countries);
     },
 
-    _applyStateRules(center) {
+    _applyStateRules: function (center) {
         var state = this._getState(center);
 
         if (state) {
@@ -255,7 +255,7 @@ BR.CircleGoArea = L.Control.extend({
         }
     },
 
-    _applyCountryRules(center) {
+    _applyCountryRules: function (center) {
         var country = this._getCountry(center);
 
         if (country) {
@@ -294,7 +294,7 @@ BR.CircleGoArea = L.Control.extend({
     },
 
     // debugging
-    _logStates(states) {
+    _logStates: function (states) {
         for (var i = 0; i < states.features.length; i++) {
             var state = states.features[i];
             console.log(
@@ -304,12 +304,12 @@ BR.CircleGoArea = L.Control.extend({
     },
 
     // debugging
-    _addGeoJsonLayer(states, options) {
+    _addGeoJsonLayer: function (states, options) {
         // delay, otherwise triggers premature hash update through mapmove
         setTimeout(
             L.bind(function () {
                 L.geoJson(states, {
-                    style(feature) {
+                    style: function (feature) {
                         return L.extend(
                             {
                                 weight: 1,
@@ -327,7 +327,7 @@ BR.CircleGoArea = L.Control.extend({
         );
     },
 
-    _loadStates() {
+    _loadStates: function () {
         if (this.statesLoading) return;
 
         this.statesLoading = true;
@@ -349,7 +349,7 @@ BR.CircleGoArea = L.Control.extend({
         );
     },
 
-    _loadCountries() {
+    _loadCountries: function () {
         BR.Util.getJson(
             this.options.countriesUrl,
             'countries',
@@ -364,7 +364,7 @@ BR.CircleGoArea = L.Control.extend({
                     renderer: this.maskRenderer,
                     // use Leaflet.snogylop plugin here, turf.mask too slow (~4s) for some reason
                     invert: true,
-                    style(feature) {
+                    style: function (feature) {
                         return {
                             weight: 1,
                             color: 'darkgreen',
@@ -388,25 +388,25 @@ BR.CircleGoArea = L.Control.extend({
         );
     },
 
-    _setNogo(ring) {
+    _setNogo: function (ring) {
         this.nogoPolylines = L.geoJson(ring, BR.NogoAreas.prototype.polylineOptions);
         this.nogos.addNogos(null, this.nogoPolylines.getLayers(), null);
     },
 
-    _removeNogo() {
+    _removeNogo: function () {
         if (this.nogoPolylines) {
             this.nogos.removeNogos(null, this.nogoPolylines.getLayers(), null);
             this.nogoPolylines = null;
         }
     },
 
-    _setNogoCircle(center) {
+    _setNogoCircle: function (center) {
         var polygon = this.circleToPolygon(center, this.radius);
         this._setNogo(polygon);
         this.setOutsideArea(polygon);
     },
 
-    setNogoRing(center) {
+    setNogoRing: function (center) {
         this._clearLayers();
         this._removeNogo();
 
@@ -428,7 +428,7 @@ BR.CircleGoArea = L.Control.extend({
         }
     },
 
-    _lockOutsideArea() {
+    _lockOutsideArea: function () {
         if (this.outsideArea) {
             this.outsideArea.eachLayer(function (layer) {
                 layer._path.classList.add('circlego-outside');
@@ -437,7 +437,7 @@ BR.CircleGoArea = L.Control.extend({
         }
     },
 
-    _unlockOutsideArea() {
+    _unlockOutsideArea: function () {
         if (this.outsideArea) {
             this.outsideArea.eachLayer(function (layer) {
                 layer._path.classList.remove('circlego-outside');
@@ -446,12 +446,12 @@ BR.CircleGoArea = L.Control.extend({
         }
     },
 
-    setOutsideArea(ring) {
+    setOutsideArea: function (ring) {
         var mask = turf.mask(turf.polygonize(ring));
 
         this.outsideArea = L.geoJson(mask, {
             renderer: this.maskRenderer,
-            style(feature) {
+            style: function (feature) {
                 return {
                     weight: 4,
                     color: 'black',
@@ -466,11 +466,11 @@ BR.CircleGoArea = L.Control.extend({
         this._lockOutsideArea();
     },
 
-    onMapClick(e) {
+    onMapClick: function (e) {
         this.setCircle([e.latlng.lng, e.latlng.lat]);
     },
 
-    setOptions(opts) {
+    setOptions: function (opts) {
         this.radius = opts.circlego[2];
         if (opts.polylines) {
             this.nogoPolylines = L.featureGroup(opts.polylines, BR.NogoAreas.prototype.polylineOptions);
@@ -478,7 +478,7 @@ BR.CircleGoArea = L.Control.extend({
         this.setCircle([opts.circlego[0], opts.circlego[1]], opts.polylines);
     },
 
-    setCircle(center, polylines) {
+    setCircle: function (center, polylines) {
         var marker = (this.marker = this._createMarker(center));
 
         this.clear();
@@ -503,7 +503,7 @@ BR.CircleGoArea = L.Control.extend({
         this.draw(false);
     },
 
-    _createMarker(center) {
+    _createMarker: function (center) {
         var self = this;
         var icon = (this.icon = L.VectorMarkers.icon({
             icon: 'home',
@@ -519,7 +519,7 @@ BR.CircleGoArea = L.Control.extend({
             '<button id="remove-ringgo-marker" class="btn btn-secondary"><i class="fa fa-trash"></i></button>';
 
         var marker = L.marker([center[1], center[0]], {
-            icon,
+            icon: icon,
             draggable: true,
             // prevent being on top of route markers
             zIndexOffset: -500,
@@ -547,7 +547,7 @@ BR.CircleGoArea = L.Control.extend({
         return marker;
     },
 
-    _onPopupOpen(popup, popupContent) {
+    _onPopupOpen: function (popup, popupContent) {
         var exportName = '';
         var html = '<p>';
         if (this.radius) {
@@ -580,7 +580,7 @@ BR.CircleGoArea = L.Control.extend({
         if (this.nogoPolylines) {
             var link = location.href.replace(/&polylines=[^&]*/, '');
             var geoJson = this.nogoPolylines.toGeoJSON();
-            var gpx = togpx(geoJson, { metadata: { name: exportName, link } });
+            var gpx = togpx(geoJson, { metadata: { name: exportName, link: link } });
             this._setDownloadUrl(gpx, 'application/gpx+xml', 'ringgo-download-gpx');
             this._setDownloadUrl(
                 JSON.stringify(geoJson, null, 2),
@@ -599,12 +599,12 @@ BR.CircleGoArea = L.Control.extend({
         );
     },
 
-    _onPopupClose(evt) {
+    _onPopupClose: function (evt) {
         this._revokeDownloadUrl('ringgo-download-gpx');
         this._revokeDownloadUrl('ringgo-download-geojson');
     },
 
-    _setDownloadUrl(text, mimeType, elementId) {
+    _setDownloadUrl: function (text, mimeType, elementId) {
         var blob = new Blob([text], {
             type: mimeType + ';charset=utf-8',
         });
@@ -613,14 +613,14 @@ BR.CircleGoArea = L.Control.extend({
         download.href = objectUrl;
     },
 
-    _revokeDownloadUrl(elementId) {
+    _revokeDownloadUrl: function (elementId) {
         var download = document.getElementById(elementId);
         if (download) {
             URL.revokeObjectURL(download.href);
         }
     },
 
-    _clearLayers() {
+    _clearLayers: function () {
         if (this.outsideArea) {
             this.map.removeLayer(this.outsideArea);
             this.outsideArea = null;
@@ -631,16 +631,16 @@ BR.CircleGoArea = L.Control.extend({
         }
     },
 
-    clear() {
+    clear: function () {
         this.circleLayer.clearLayers();
         this._clearLayers();
     },
 
-    getButton() {
+    getButton: function () {
         return this.drawButton;
     },
 
-    getCircle() {
+    getCircle: function () {
         var circle = this.circleLayer.getLayers().map(function (it) {
             return it.getLatLng();
         });
@@ -651,15 +651,15 @@ BR.CircleGoArea = L.Control.extend({
         }
     },
 
-    toRadians(angleInDegrees) {
+    toRadians: function (angleInDegrees) {
         return (angleInDegrees * Math.PI) / 180;
     },
 
-    toDegrees(angleInRadians) {
+    toDegrees: function (angleInRadians) {
         return (angleInRadians * 180) / Math.PI;
     },
 
-    offset(c1, distance, bearing) {
+    offset: function (c1, distance, bearing) {
         var lon1 = this.toRadians(c1[0]);
         var lat1 = this.toRadians(c1[1]);
         var dByR = distance / 6378137; // distance divided by 6378137 (radius of the earth) wgs84
@@ -673,7 +673,7 @@ BR.CircleGoArea = L.Control.extend({
         return [this.toDegrees(lon), this.toDegrees(lat)];
     },
 
-    circleToPolygon(center, radius, numberOfSegments) {
+    circleToPolygon: function (center, radius, numberOfSegments) {
         var n = numberOfSegments ? numberOfSegments : 64;
 
         var inner = [];
diff --git a/js/plugin/Heightgraph.js b/js/plugin/Heightgraph.js
index 38e5509..715ee3f 100644
--- a/js/plugin/Heightgraph.js
+++ b/js/plugin/Heightgraph.js
@@ -11,137 +11,49 @@ BR.Heightgraph = function (map, layersControl, routing, pois) {
             expandControls: false,
             mappings: {
                 gradient: {
-                    '-16': {
-                        text: '< -15%',
-                        color: '#81A850',
-                    },
-                    '-15': {
-                        text: '-15%',
-                        color: '#89AA55',
-                    },
-                    '-14': {
-                        text: '-14%',
-                        color: '#91AD59',
-                    },
-                    '-13': {
-                        text: '-13%',
-                        color: '#99AF5E',
-                    },
-                    '-12': {
-                        text: '-12%',
-                        color: '#A1B162',
-                    },
-                    '-11': {
-                        text: '-11%',
-                        color: '#A8B367',
-                    },
-                    '-10': {
-                        text: '-10%',
-                        color: '#B0B66B',
-                    },
-                    '-9': {
-                        text: '-9%',
-                        color: '#B8B870',
-                    },
-                    '-8': {
-                        text: '-8%',
-                        color: '#C0BA75',
-                    },
-                    '-7': {
-                        text: '-7%',
-                        color: '#C8BC79',
-                    },
-                    '-6': {
-                        text: '-6%',
-                        color: '#D0BF7E',
-                    },
                     '-5': {
-                        text: '-5%',
-                        color: '#D8C182',
+                        text: '- 16%+',
+                        color: '#028306',
                     },
                     '-4': {
-                        text: '-4%',
-                        color: '#E0C387',
+                        text: '- 10-15%',
+                        color: '#2AA12E',
                     },
                     '-3': {
-                        text: '-3%',
-                        color: '#E7C58B',
+                        text: '- 7-9%',
+                        color: '#53BF56',
                     },
                     '-2': {
-                        text: '-2%',
-                        color: '#EFC890',
+                        text: '- 4-6%',
+                        color: '#7BDD7E',
                     },
                     '-1': {
-                        text: '-1%',
-                        color: '#F7CA94',
+                        text: '- 1-3%',
+                        color: '#A4FBA6',
                     },
                     0: {
                         text: '0%',
-                        color: '#FFCC99',
+                        color: '#ffcc99',
                     },
                     1: {
-                        text: '1%',
-                        color: '#FCC695',
+                        text: '1-3%',
+                        color: '#F29898',
                     },
                     2: {
-                        text: '2%',
-                        color: '#FAC090',
+                        text: '4-6%',
+                        color: '#E07575',
                     },
                     3: {
-                        text: '3%',
-                        color: '#F7BA8C',
+                        text: '7-9%',
+                        color: '#CF5352',
                     },
                     4: {
-                        text: '4%',
-                        color: '#F5B588',
+                        text: '10-15%',
+                        color: '#BE312F',
                     },
                     5: {
-                        text: '5%',
-                        color: '#F2AF83',
-                    },
-                    6: {
-                        text: '6%',
-                        color: '#F0A97F',
-                    },
-                    7: {
-                        text: '7%',
-                        color: '#EDA37A',
-                    },
-                    8: {
-                        text: '8%',
-                        color: '#EB9D76',
-                    },
-                    9: {
-                        text: '9%',
-                        color: '#E89772',
-                    },
-                    10: {
-                        text: '10%',
-                        color: '#E5916D',
-                    },
-                    11: {
-                        text: '11%',
-                        color: '#E38B69',
-                    },
-                    12: {
-                        text: '12%',
-                        color: '#E08665',
-                    },
-                    13: {
-                        text: '13%',
-                        color: '#DE8060',
-                    },
-                    14: {
-                        text: '14%',
-                        color: '#DB7A5C',
-                    },
-                    15: {
-                        text: '15%',
-                        color: '#D97457',
-                    },
-                    16: {
-                        text: '> 15%',
-                        color: '#D66E53',
+                        text: '16%+',
+                        color: '#AD0F0C',
                     },
                 },
             },
@@ -151,7 +63,7 @@ BR.Heightgraph = function (map, layersControl, routing, pois) {
             },
         },
 
-        addBelow(map) {
+        addBelow: function (map) {
             // waiting for https://github.com/MrMufflon/Leaflet.Elevation/pull/66
             // this.width($('#map').outerWidth());
             this.options.width = $('#content').outerWidth();
@@ -163,7 +75,6 @@ BR.Heightgraph = function (map, layersControl, routing, pois) {
             function setParent(el, newParent) {
                 newParent.appendChild(el);
             }
-
             this.addTo(map);
 
             // move elevation graph outside of the map
@@ -203,7 +114,7 @@ BR.Heightgraph = function (map, layersControl, routing, pois) {
             this.update();
         },
 
-        initCollapse(map) {
+        initCollapse: function (map) {
             var self = this;
             var onHide = function () {
                 $('#elevation-btn').removeClass('active');
@@ -232,13 +143,13 @@ BR.Heightgraph = function (map, layersControl, routing, pois) {
                 });
         },
 
-        _keydownListener(e) {
+        _keydownListener: function (e) {
             if (BR.Util.keyboardShortcutsAllowed(e) && e.keyCode === this.options.shortcut.toggle) {
                 $('#elevation-btn').click();
             }
         },
 
-        update(track, layer) {
+        update: function (track, layer) {
             // bring height indicator to front, because of track casing in BR.Routing
             if (this._mouseHeightFocus) {
                 var g = this._mouseHeightFocus._groups[0][0].parentNode;
@@ -256,11 +167,7 @@ BR.Heightgraph = function (map, layersControl, routing, pois) {
                 } else {
                     $('#no-elevation-data').hide();
                 }
-
-                var geojsonFeatures = geoDataExchange.buildGeojsonFeatures(track.getLatLngs(), {
-                    interpolate: false,
-                    normalize: false,
-                });
+                var geojsonFeatures = geoDataExchange.buildGeojsonFeatures(track.getLatLngs());
                 this.addData(geojsonFeatures);
 
                 // re-add handlers
@@ -290,109 +197,6 @@ BR.Heightgraph = function (map, layersControl, routing, pois) {
                 $('#elevation-chart').collapse('hide');
             }
         },
-
-        _createLegend() {
-            if (this._categories.length > 0) {
-                // find the min and the max gradients for the current profile
-                var minGradient = 16;
-                var maxGradient = -16;
-                // this legend object has the profile gradients as keys; it was built by heightgraph
-                var allLegend = this._categories[this.options.selectedAttributeIdx].legend;
-                for (key in allLegend) {
-                    var gradient = parseInt(key);
-                    if (minGradient > gradient) {
-                        minGradient = gradient;
-                    }
-                    if (maxGradient < gradient) {
-                        maxGradient = gradient;
-                    }
-                }
-
-                // define the simplified legend with all known gradients
-                var simplifiedLegend = [
-                    {
-                        type: -16,
-                        text: this.options.mappings.gradient['-16'].text,
-                        color: this.options.mappings.gradient['-16'].color,
-                    },
-                    {
-                        type: -10,
-                        text: this.options.mappings.gradient['-10'].text,
-                        color: this.options.mappings.gradient['-10'].color,
-                    },
-                    {
-                        type: -5,
-                        text: this.options.mappings.gradient['-5'].text,
-                        color: this.options.mappings.gradient['-5'].color,
-                    },
-                    {
-                        type: 0,
-                        text: this.options.mappings.gradient['0'].text,
-                        color: this.options.mappings.gradient['0'].color,
-                    },
-                    {
-                        type: 5,
-                        text: this.options.mappings.gradient['5'].text,
-                        color: this.options.mappings.gradient['5'].color,
-                    },
-                    {
-                        type: 10,
-                        text: this.options.mappings.gradient['10'].text,
-                        color: this.options.mappings.gradient['10'].color,
-                    },
-                    {
-                        type: 16,
-                        text: this.options.mappings.gradient['16'].text,
-                        color: this.options.mappings.gradient['16'].color,
-                    },
-                ];
-                // then, keep only the range relevant to the current profile
-                // (e.g. if min gradient of profile is -6, remove -16 and -15 from range)
-                for (var i = 0; i < simplifiedLegend.length; i++) {
-                    if (simplifiedLegend[i].type > minGradient) {
-                        simplifiedLegend.splice(0, i - 1);
-                        break;
-                    }
-                }
-                for (var i = simplifiedLegend.length - 1; i > -1; i--) {
-                    if (simplifiedLegend[i].type < maxGradient) {
-                        simplifiedLegend.splice(i + 2);
-                        break;
-                    }
-                }
-
-                this._categories[this.options.selectedAttributeIdx].legend = simplifiedLegend;
-            }
-
-            var existingLegend = document.querySelector('.legend-container');
-            if (existingLegend !== null) {
-                existingLegend.remove();
-            }
-
-            var legend = L.DomUtil.create('div', 'legend-container', this._container);
-            // hack to keep the chart from getting too tall,
-            // and to keep it from growing vertically on window resize
-            legend.style.setProperty('position', 'absolute');
-            // naively align the legend vertically with the y-axis
-            legend.style.setProperty('margin-left', '65px');
-            legend.style.setProperty('margin-top', '-18px');
-
-            var legendLabel = L.DomUtil.create('span', 'legend-hover legend-text', legend);
-            legendLabel.textContent = this._getTranslation('legend') + ':';
-
-            this._categories[this.options.selectedAttributeIdx].legend.forEach((l) => {
-                var color = L.DomUtil.create('span', 'legend-rect', legend);
-                color.style.setProperty('padding-left', '10px');
-                color.style.setProperty('padding-right', '3px');
-                color.style.setProperty('width', '6px');
-                color.style.setProperty('height', '6px');
-                color.style.setProperty('color', l.color);
-                color.innerHTML = '&#9632;';
-
-                var label = L.DomUtil.create('span', 'legend-text', legend);
-                label.textContent = l.text;
-            });
-        },
     });
 
     var heightgraphControl = new Heightgraph();
diff --git a/js/plugin/NogoAreas.js b/js/plugin/NogoAreas.js
index 86f4744..ac235ba 100644
--- a/js/plugin/NogoAreas.js
+++ b/js/plugin/NogoAreas.js
@@ -40,11 +40,11 @@ BR.NogoAreas = L.Control.extend({
         smoothFactor: 0.5,
     },
 
-    initialize() {
+    initialize: function () {
         this._wasRouteDrawing = false;
     },
 
-    onAdd(map) {
+    onAdd: function (map) {
         var self = this;
 
         $('#submitNogos').on('click', L.bind(this.uploadNogos, this));
@@ -149,7 +149,7 @@ BR.NogoAreas = L.Control.extend({
         return L.DomUtil.create('div');
     },
 
-    _keydownListener(e) {
+    _keydownListener: function (e) {
         if (!BR.Util.keyboardShortcutsAllowed(e)) {
             return;
         }
@@ -170,17 +170,17 @@ BR.NogoAreas = L.Control.extend({
         }
     },
 
-    displayUploadError(message) {
+    displayUploadError: function (message) {
         $('#nogoError').text(message ? message : '');
         $('#nogoError').css('display', message ? 'block' : 'none');
     },
 
-    onFileChanged(e) {
+    onFileChanged: function (e) {
         if (!e.target.files[0]) return;
         $(e.target).next('label').text(e.target.files[0].name);
     },
 
-    uploadNogos() {
+    uploadNogos: function () {
         var self = this;
 
         var geoJSONPromise;
@@ -253,7 +253,7 @@ BR.NogoAreas = L.Control.extend({
             }
 
             var geoJSON = L.geoJson(turf.featureCollection(cleanedGeoJSONFeatures), {
-                onEachFeature(feature, layer) {
+                onEachFeature: function (feature, layer) {
                     layer.options.nogoWeight = feature.properties.nogoWeight || nogoWeight;
                     if (feature.geometry.type === 'LineString') {
                         L.setOptions(layer, self.polylineOptions);
@@ -266,7 +266,7 @@ BR.NogoAreas = L.Control.extend({
             nogosPoints = nogosPoints.map(function (item) {
                 var radius = item.feature.properties.radius || nogoRadius;
                 if (radius > 0) {
-                    return L.circle(item.getLatLng(), { radius });
+                    return L.circle(item.getLatLng(), { radius: radius });
                 }
                 return null;
             });
@@ -303,7 +303,7 @@ BR.NogoAreas = L.Control.extend({
     },
 
     // prevent route waypoint added after circle create (map click after up)
-    preventRoutePointOnCreate(routing) {
+    preventRoutePointOnCreate: function (routing) {
         this.editTools.on(
             'editable:drawing:start',
             function (e) {
@@ -327,7 +327,7 @@ BR.NogoAreas = L.Control.extend({
         );
     },
 
-    getOptions() {
+    getOptions: function () {
         return {
             nogos: this.drawnItems.getLayers().filter(function (e) {
                 return e instanceof L.Circle;
@@ -341,7 +341,7 @@ BR.NogoAreas = L.Control.extend({
         };
     },
 
-    setOptions(options) {
+    setOptions: function (options) {
         var nogos = options.nogos;
         var polylines = options.polylines;
         var polygons = options.polygons;
@@ -349,12 +349,12 @@ BR.NogoAreas = L.Control.extend({
         this._addNogos(nogos, polylines, polygons);
     },
 
-    addNogos(nogos, polylines, polygons) {
+    addNogos: function (nogos, polylines, polygons) {
         this._addNogos(nogos, polylines, polygons);
         this._fireUpdate();
     },
 
-    _addNogos(nogos, polylines, polygons) {
+    _addNogos: function (nogos, polylines, polygons) {
         if (nogos) {
             for (var i = 0; i < nogos.length; i++) {
                 nogos[i].setStyle(this.style);
@@ -375,7 +375,7 @@ BR.NogoAreas = L.Control.extend({
         }
     },
 
-    removeNogos(nogos, polylines, polygons) {
+    removeNogos: function (nogos, polylines, polygons) {
         if (nogos) {
             for (var i = 0; i < nogos.length; i++) {
                 this.drawnItems.removeLayer(nogos[i]);
@@ -395,28 +395,28 @@ BR.NogoAreas = L.Control.extend({
         this._fireUpdate();
     },
 
-    _clear() {
+    _clear: function () {
         this.drawnItems.clearLayers();
     },
 
-    clear() {
+    clear: function () {
         this._clear();
         this._fireUpdate();
     },
 
-    _fireUpdate() {
+    _fireUpdate: function () {
         this.fire('update', { options: this.getOptions() });
     },
 
-    getFeatureGroup() {
+    getFeatureGroup: function () {
         return this.drawnItems;
     },
 
-    getEditGroup() {
+    getEditGroup: function () {
         return this.editTools.editLayer;
     },
 
-    getButton() {
+    getButton: function () {
         return this.button;
     },
 });
@@ -430,7 +430,7 @@ BR.Editable = L.Editable.extend({
     // Also, we generally disable the Tap handler in the map options for route dragging,
     // see Map.js, so we always need to enable for drawing.
 
-    initialize(map, options) {
+    initialize: function (map, options) {
         L.Editable.prototype.initialize.call(this, map, options);
 
         if (!this.map.tap) {
@@ -439,7 +439,7 @@ BR.Editable = L.Editable.extend({
         }
     },
 
-    registerForDrawing(editor) {
+    registerForDrawing: function (editor) {
         this._tapEnabled = this.map.tap.enabled();
         if (!this._tapEnabled) {
             this.map.tap.enable();
@@ -448,7 +448,7 @@ BR.Editable = L.Editable.extend({
         L.Editable.prototype.registerForDrawing.call(this, editor);
     },
 
-    unregisterForDrawing(editor) {
+    unregisterForDrawing: function (editor) {
         if (!this._tapEnabled) {
             this.map.tap.disable();
         }
@@ -456,7 +456,7 @@ BR.Editable = L.Editable.extend({
         L.Editable.prototype.unregisterForDrawing.call(this, editor);
     },
 
-    createVertexIcon(options) {
+    createVertexIcon: function (options) {
         return BR.Browser.touch ? new L.Editable.TouchVertexIcon(options) : new L.Editable.VertexIcon(options);
     },
 });
@@ -466,13 +466,13 @@ BR.EditingTooltip = L.Handler.extend({
         closeTimeout: 2000,
     },
 
-    initialize(map, editTools, button) {
+    initialize: function (map, editTools, button) {
         this.map = map;
         this.editTools = editTools;
         this.button = button;
     },
 
-    addHooks() {
+    addHooks: function () {
         // hack: listen to EasyButton click (instead of editable:drawing:start),
         // to get mouse position from event for initial tooltip location
         L.DomEvent.addListener(this.button.button, 'click', this._addCreate, this);
@@ -484,7 +484,7 @@ BR.EditingTooltip = L.Handler.extend({
         this.editTools.on('editable:disable', this._disable, this);
     },
 
-    removeHooks() {
+    removeHooks: function () {
         L.DomEvent.removeListener(this.button.button, 'click', this._addCreate, this);
 
         this.editTools.featuresLayer.off('layeradd', this._bind, this);
@@ -494,7 +494,7 @@ BR.EditingTooltip = L.Handler.extend({
         this.editTools.off('editable:disable', this._disable, this);
     },
 
-    _bind(e) {
+    _bind: function (e) {
         // Position tooltip at bottom of circle, less distracting than
         // sticky with cursor or at center.
 
@@ -517,7 +517,7 @@ BR.EditingTooltip = L.Handler.extend({
         };
     },
 
-    _addCreate(e) {
+    _addCreate: function (e) {
         // button cancel
         if (!this.editTools.drawing()) return;
 
@@ -564,7 +564,7 @@ BR.EditingTooltip = L.Handler.extend({
         }
     },
 
-    _setCloseTimeout(layer) {
+    _setCloseTimeout: function (layer) {
         var timeoutId = setTimeout(function () {
             layer.closeTooltip();
         }, this.options.closeTimeout);
@@ -575,7 +575,7 @@ BR.EditingTooltip = L.Handler.extend({
         });
     },
 
-    _postCreate() {
+    _postCreate: function () {
         // editing is disabled by another handler, tooltip won't stay open before
         this.editTools.once(
             'editable:disable',
@@ -588,7 +588,7 @@ BR.EditingTooltip = L.Handler.extend({
         );
     },
 
-    _enable(e) {
+    _enable: function (e) {
         e.layer.setTooltipContent(BR.NogoAreas.MSG_ENABLED);
 
         this.editTools.once(
@@ -600,42 +600,42 @@ BR.EditingTooltip = L.Handler.extend({
         );
     },
 
-    _disable(e) {
+    _disable: function (e) {
         e.layer.setTooltipContent(BR.NogoAreas.MSG_DISABLED);
         this._setCloseTimeout(e.layer);
     },
 });
 
 BR.DeletableCircleEditor = L.Editable.CircleEditor.extend({
-    _computeDeleteLatLng() {
+    _computeDeleteLatLng: function () {
         // While circle is not added to the map, _radius is not set.
         var delta = (this.feature._radius || this.feature._mRadius) * Math.cos(Math.PI / 4),
             point = this.map.project(this.feature._latlng);
         return this.map.unproject([point.x - delta, point.y - delta]);
     },
 
-    _updateDeleteLatLng() {
+    _updateDeleteLatLng: function () {
         this._deleteLatLng.update(this._computeDeleteLatLng());
         this._deleteLatLng.__vertex.update();
     },
 
-    _addDeleteMarker() {
+    _addDeleteMarker: function () {
         if (!this.enabled()) return;
         this._deleteLatLng = this._computeDeleteLatLng();
         return new BR.DeleteMarker(this._deleteLatLng, this);
     },
 
-    _delete() {
+    _delete: function () {
         this.disable();
         this.tools.featuresLayer.removeLayer(this.feature);
     },
 
-    delete() {
+    delete: function () {
         this._delete();
         this.fireAndForward('editable:deleted');
     },
 
-    initialize(map, feature, options) {
+    initialize: function (map, feature, options) {
         L.Editable.CircleEditor.prototype.initialize.call(this, map, feature, options);
         this._deleteLatLng = this._computeDeleteLatLng();
 
@@ -643,7 +643,7 @@ BR.DeletableCircleEditor = L.Editable.CircleEditor.extend({
         this.editLayer = new L.FeatureGroup();
     },
 
-    addHooks() {
+    addHooks: function () {
         L.Editable.CircleEditor.prototype.addHooks.call(this);
         if (this.feature) {
             this._addDeleteMarker();
@@ -651,12 +651,12 @@ BR.DeletableCircleEditor = L.Editable.CircleEditor.extend({
         return this;
     },
 
-    reset() {
+    reset: function () {
         L.Editable.CircleEditor.prototype.reset.call(this);
         this._addDeleteMarker();
     },
 
-    onDrawingMouseDown(e) {
+    onDrawingMouseDown: function (e) {
         this._deleteLatLng.update(e.latlng);
         L.Editable.CircleEditor.prototype.onDrawingMouseDown.call(this, e);
     },
@@ -664,7 +664,7 @@ BR.DeletableCircleEditor = L.Editable.CircleEditor.extend({
     // override to cancel/remove created circle when added by click instead of drag, because:
     // - without resize, edit handles stacked on top of each other
     // - makes event handling more complicated (editable:vertex:dragend not called)
-    onDrawingMouseUp(e) {
+    onDrawingMouseUp: function (e) {
         if (this.feature.getRadius() > 0) {
             this.commitDrawing(e);
         } else {
@@ -675,7 +675,7 @@ BR.DeletableCircleEditor = L.Editable.CircleEditor.extend({
         L.Editable.PathEditor.prototype.onDrawingMouseUp.call(this, e);
     },
 
-    onVertexMarkerDrag(e) {
+    onVertexMarkerDrag: function (e) {
         this._updateDeleteLatLng();
         L.Editable.CircleEditor.prototype.onVertexMarkerDrag.call(this, e);
     },
@@ -690,7 +690,7 @@ BR.DeleteMarker = L.Marker.extend({
         }),
     },
 
-    initialize(latlng, editor, options) {
+    initialize: function (latlng, editor, options) {
         // derived from L.Editable.VertexMarker.initialize
 
         // We don't use this._latlng, because on drag Leaflet replace it while
@@ -707,18 +707,18 @@ BR.DeleteMarker = L.Marker.extend({
         this.setZIndexOffset(editor.tools._lastZIndex);
     },
 
-    onAdd(map) {
+    onAdd: function (map) {
         L.Marker.prototype.onAdd.call(this, map);
         this.on('click', this.onClick);
     },
 
-    onRemove(map) {
+    onRemove: function (map) {
         delete this.latlng.__vertex;
         this.off('click', this.onClick);
         L.Marker.prototype.onRemove.call(this, map);
     },
 
-    onClick(e) {
+    onClick: function (e) {
         this.editor.delete();
     },
 });
diff --git a/js/plugin/POIMarkers.js b/js/plugin/POIMarkers.js
index 1069090..42f2409 100644
--- a/js/plugin/POIMarkers.js
+++ b/js/plugin/POIMarkers.js
@@ -10,12 +10,12 @@ BR.PoiMarkers = L.Control.extend({
             },
         },
     },
-    initialize(routing) {
+    initialize: function (routing) {
         this.routing = routing;
         this.circlego = null;
     },
 
-    onAdd(map) {
+    onAdd: function (map) {
         var self = this;
 
         this.map = map;
@@ -26,7 +26,7 @@ BR.PoiMarkers = L.Control.extend({
                 {
                     stateName: 'activate-poi',
                     icon: 'fa-hand-o-right',
-                    onClick() {
+                    onClick: function () {
                         self.draw(true);
                     },
                     title: i18next.t('keyboard.generic-shortcut', { action: '$t(map.draw-poi-start)', key: 'P' }),
@@ -34,7 +34,7 @@ BR.PoiMarkers = L.Control.extend({
                 {
                     stateName: 'deactivate-poi',
                     icon: 'fa-hand-o-right active',
-                    onClick() {
+                    onClick: function () {
                         self.draw(false);
                     },
                     title: i18next.t('keyboard.generic-shortcut', {
@@ -55,7 +55,7 @@ BR.PoiMarkers = L.Control.extend({
         return container;
     },
 
-    draw(enable) {
+    draw: function (enable) {
         this.drawButton.state(enable ? 'deactivate-poi' : 'activate-poi');
         if (enable) {
             this.routing.draw(false);
@@ -68,7 +68,7 @@ BR.PoiMarkers = L.Control.extend({
         }
     },
 
-    _keydownListener(e) {
+    _keydownListener: function (e) {
         if (!BR.Util.keyboardShortcutsAllowed(e)) {
             return;
         }
@@ -79,13 +79,13 @@ BR.PoiMarkers = L.Control.extend({
         }
     },
 
-    onMapClick(e) {
+    onMapClick: function (e) {
         var self = this;
         bootbox.prompt({
             title: i18next.t('map.enter-poi-name'),
             // allow empty name with client-side formatting
             required: !BR.Browser.download,
-            callback(result) {
+            callback: function (result) {
                 if (result !== null) {
                     self.addMarker(e.latlng, result);
                 }
@@ -93,7 +93,7 @@ BR.PoiMarkers = L.Control.extend({
         });
     },
 
-    addMarker(latlng, name) {
+    addMarker: function (latlng, name) {
         var icon = L.VectorMarkers.icon({
             icon: 'star',
             markerColor: BR.conf.markerColors.poi,
@@ -107,7 +107,7 @@ BR.PoiMarkers = L.Control.extend({
             '<p><button id="remove-poi-marker" class="btn btn-secondary"><i class="fa fa-trash"></i></button></p>';
 
         var self = this;
-        var marker = L.marker(latlng, { icon, draggable: true, name })
+        var marker = L.marker(latlng, { icon: icon, draggable: true, name: name })
             .bindPopup(contentWithAction)
             .on('dragend', function () {
                 self.fire('update');
@@ -132,11 +132,11 @@ BR.PoiMarkers = L.Control.extend({
         }
     },
 
-    clear() {
+    clear: function () {
         this.markersLayer.clearLayers();
     },
 
-    setMarkers(latLngNames) {
+    setMarkers: function (latLngNames) {
         this.clear();
 
         if (!latLngNames) return;
@@ -147,7 +147,7 @@ BR.PoiMarkers = L.Control.extend({
         }
     },
 
-    getMarkers() {
+    getMarkers: function () {
         return this.markersLayer.getLayers().map(function (it) {
             return {
                 latlng: it.getLatLng(),
diff --git a/js/plugin/RouteLoaderConverter.js b/js/plugin/RouteLoaderConverter.js
index 171833c..dd43c22 100644
--- a/js/plugin/RouteLoaderConverter.js
+++ b/js/plugin/RouteLoaderConverter.js
@@ -20,7 +20,7 @@ BR.routeLoader = function (map, layersControl, routing, pois) {
             },
         },
 
-        setDialogDraggable(jqDlgHeader) {
+        setDialogDraggable: function (jqDlgHeader) {
             jqDlgHeader.on('mousedown', function (mousedownEvt) {
                 var $draggable = $(this);
                 var x = mousedownEvt.pageX - $draggable.offset().left,
@@ -40,15 +40,15 @@ BR.routeLoader = function (map, layersControl, routing, pois) {
             });
         },
 
-        getSimplifiedCoords(tolerance) {
+        getSimplifiedCoords: function (tolerance) {
             var simplifiedLine = turf.simplify(this._trackPoints.geometry, {
-                tolerance,
+                tolerance: tolerance,
                 highQuality: true,
             });
             return simplifiedLine.coordinates;
         },
 
-        refreshTestLayer() {
+        refreshTestLayer: function () {
             this.onBusyChanged(true);
             this._testLayer.clearLayers();
 
@@ -73,7 +73,7 @@ BR.routeLoader = function (map, layersControl, routing, pois) {
             return true;
         },
 
-        cleanup(e) {
+        cleanup: function (e) {
             this._testLayer.clearLayers();
             if (
                 this._trackLayer &&
@@ -98,7 +98,7 @@ BR.routeLoader = function (map, layersControl, routing, pois) {
             };
         },
 
-        setSliderRange() {
+        setSliderRange: function () {
             $slider = $('#simplify_tolerance');
             $slider.prop('min', -500);
             var guessedTolerance = this.guessSimplifyTolerance(this._trackPoints);
@@ -116,7 +116,7 @@ BR.routeLoader = function (map, layersControl, routing, pois) {
             this.refreshTestLayer();
         },
 
-        onToleranceSlider(e) {
+        onToleranceSlider: function (e) {
             var guess = parseFloat($(e.target).data('guess'));
             var f = parseFloat(e.target.value);
             var frac = parseFloat($(e.target).prop('max'));
@@ -145,7 +145,7 @@ BR.routeLoader = function (map, layersControl, routing, pois) {
             }
         },
 
-        findLowestTolerance(min, max, guess, frac) {
+        findLowestTolerance: function (min, max, guess, frac) {
             if (Math.abs(max - min) <= 2) return max;
             var meridian = Math.round((max + min) / 2);
 
@@ -157,7 +157,7 @@ BR.routeLoader = function (map, layersControl, routing, pois) {
             else return this.findLowestTolerance(min, meridian, guess, frac);
         },
 
-        onBusyChanged(isBusy) {
+        onBusyChanged: function (isBusy) {
             if (typeof isBusy === undefined) {
                 isBusy = false;
             }
@@ -165,7 +165,7 @@ BR.routeLoader = function (map, layersControl, routing, pois) {
             else $('#loadedittrack #msg_busy').addClass('invisible');
         },
 
-        onManualCollapse(e) {
+        onManualCollapse: function (e) {
             //workaround for starting with closed collapse
             if ($('#loadedittrack').is(':hidden')) return;
             this._options.isTestMode = $(e.target).hasClass('show');
@@ -176,7 +176,7 @@ BR.routeLoader = function (map, layersControl, routing, pois) {
             } else this.cleanup();
         },
 
-        onAdd(map) {
+        onAdd: function (map) {
             $('#loadedittrack').on(
                 'hidden.bs.modal',
                 function (e) {
@@ -238,11 +238,11 @@ BR.routeLoader = function (map, layersControl, routing, pois) {
             return dummy;
         },
 
-        onRemove(map) {
+        onRemove: function (map) {
             // Nothing to do here
         },
 
-        onFileChanged(e) {
+        onFileChanged: function (e) {
             if (!e.target.files[0]) return;
             $(e.target).next('label').text(e.target.files[0].name);
             var testmode = this._options.isTestMode;
@@ -254,7 +254,7 @@ BR.routeLoader = function (map, layersControl, routing, pois) {
             }
         },
 
-        setLayerNameFromGeojson(geoJSON) {
+        setLayerNameFromGeojson: function (geoJSON) {
             if (geoJSON.type == 'Feature' && geoJSON.properties && geoJSON.properties.name) {
                 this._layerName = geoJSON.properties.name;
                 return;
@@ -270,7 +270,7 @@ BR.routeLoader = function (map, layersControl, routing, pois) {
             }
         },
 
-        getOptions() {
+        getOptions: function () {
             this._options.showTrackLayer = $('#cb_showtracklayer')[0].checked;
             this._options.showPointAsPoi = $('#cb_showpois')[0].checked;
 
@@ -278,7 +278,7 @@ BR.routeLoader = function (map, layersControl, routing, pois) {
             this._bounds = undefined;
         },
 
-        convertTrackLocal() {
+        convertTrackLocal: function () {
             if ($('#loadedittrackFile')[0].files.length == 0) return;
             this.onBusyChanged(true);
 
@@ -295,7 +295,7 @@ BR.routeLoader = function (map, layersControl, routing, pois) {
             reader.readAsText(trackFile);
         },
 
-        addTrackOverlay(geoJSON) {
+        addTrackOverlay: function (geoJSON) {
             this._trackLayer = L.geoJSON(geoJSON, BR.Track.getGeoJsonOptions(layersControl, true)).addTo(map);
 
             layersControl.addOverlay(this._trackLayer, BR.Util.sanitizeHTMLContent(this._layerName));
@@ -305,7 +305,7 @@ BR.routeLoader = function (map, layersControl, routing, pois) {
             if (this._bounds) map.fitBounds(this._bounds);
         },
 
-        getLineStringsFromGeoJSON(geoJSON) {
+        getLineStringsFromGeoJSON: function (geoJSON) {
             var allLinePoints = [];
             var flat = turf.flatten(geoJSON);
             turf.featureEach(flat, function (feature, idx) {
@@ -321,13 +321,13 @@ BR.routeLoader = function (map, layersControl, routing, pois) {
             return linesGeoJSON;
         },
 
-        guessSimplifyTolerance(trackPoints) {
+        guessSimplifyTolerance: function (trackPoints) {
             var tolerance = trackPoints.length / 1000000;
             if (tolerance > 0.8) tolerance = 0.8;
             return tolerance;
         },
 
-        addRoutingPoints(geoJSON) {
+        addRoutingPoints: function (geoJSON) {
             if (this._options.simplifyTolerance < 0)
                 this._options.simplifyTolerance = this.guessSimplifyTolerance(this._trackPoints);
 
@@ -361,7 +361,7 @@ BR.routeLoader = function (map, layersControl, routing, pois) {
             }
         },
 
-        processFile(e) {
+        processFile: function (e) {
             var res = e.target.result;
             var geoJSON = null;
             switch (this._options.format) {
@@ -391,7 +391,7 @@ BR.routeLoader = function (map, layersControl, routing, pois) {
             this.onBusyChanged(false);
         },
 
-        keydownListener(e) {
+        keydownListener: function (e) {
             if (
                 BR.Util.keyboardShortcutsAllowed(e) &&
                 e.keyCode === this._options.shortcut.open &&
diff --git a/js/plugin/Routing.js b/js/plugin/Routing.js
index 21bbfb6..e800ccb 100644
--- a/js/plugin/Routing.js
+++ b/js/plugin/Routing.js
@@ -23,7 +23,7 @@ BR.Routing = L.Routing.extend({
             // width as base number, multiplied by number of digits + one for padding
             iconSize: [6, 18],
             offset: 5000,
-            textFunction(distance) {
+            textFunction: function (distance) {
                 return distance / 1000;
             },
         },
@@ -42,13 +42,13 @@ BR.Routing = L.Routing.extend({
         },
     },
 
-    initialize(profile, options) {
+    initialize: function (profile, options) {
         L.Routing.prototype.initialize.call(this, options);
 
         this.profile = profile;
     },
 
-    onAdd(map) {
+    onAdd: function (map) {
         this.options.tooltips.waypoint = i18next.t('map.route-tooltip-waypoint');
         this.options.tooltips.segment = i18next.t('map.route-tooltip-segment');
 
@@ -178,19 +178,16 @@ BR.Routing = L.Routing.extend({
                 this._show();
             }
         }
-
         var hide = function () {
             if (!this._hidden && this._parent._waypoints._first) {
                 this._hide();
             }
         }.bind(this._draw);
-
         function hideOverControl(e) {
             hide();
             // prevent showing trailer when clicking state buttons (causes event that propagates to map)
             L.DomEvent.stopPropagation(e);
         }
-
         this._draw.on('enabled', function () {
             this._map.on('mouseout', hide, this);
             this._map.on('mouseover', show, this);
@@ -249,7 +246,7 @@ BR.Routing = L.Routing.extend({
         return container;
     },
 
-    _addSegmentCasing(e) {
+    _addSegmentCasing: function (e) {
         // extend layer style to inherit beeline dashArray
         const casingStyle = Object.assign({}, e.layer.options, this.options.styles.trackCasing);
         const casing = L.polyline(e.layer.getLatLngs(), Object.assign({}, casingStyle, { interactive: false }));
@@ -258,11 +255,11 @@ BR.Routing = L.Routing.extend({
         this._segments.bringToFront();
     },
 
-    _removeSegmentCasing(e) {
+    _removeSegmentCasing: function (e) {
         this._segmentsCasing.removeLayer(e.layer._casing);
     },
 
-    setOpacity(opacity) {
+    setOpacity: function (opacity) {
         // Due to the second Polyline layer for casing, the combined opacity is less
         // transparent than with a single layer and the slider is non-linear. The
         // inverted formula is used to get the same result as with a single layer.
@@ -289,11 +286,11 @@ BR.Routing = L.Routing.extend({
         }
     },
 
-    _setMarkerOpacity(e) {
+    _setMarkerOpacity: function (e) {
         e.layer.setOpacity(this.options.icons.opacity);
     },
 
-    _removeMarkerEvents(marker) {
+    _removeMarkerEvents: function (marker) {
         marker.off('mouseover', this._fireWaypointEvent, this);
         marker.off('mouseout', this._fireWaypointEvent, this);
         marker.off('dragstart', this._fireWaypointEvent, this);
@@ -302,7 +299,7 @@ BR.Routing = L.Routing.extend({
         marker.off('click', this._fireWaypointEvent, this);
     },
 
-    clear() {
+    clear: function () {
         var drawEnabled = this._draw._enabled;
         var current = this._waypoints._first;
 
@@ -329,7 +326,7 @@ BR.Routing = L.Routing.extend({
         }
     },
 
-    setWaypoints(latLngs, beelineFlags, cb) {
+    setWaypoints: function (latLngs, beelineFlags, cb) {
         var i;
         var callbackCount = 0;
         var firstErr;
@@ -370,7 +367,7 @@ BR.Routing = L.Routing.extend({
 
     // patch to fix error when line is null or error line
     // (when called while still segments to calculate, e.g. permalink or fast drawing)
-    toPolyline() {
+    toPolyline: function () {
         var latLngs = [];
 
         this._eachSegment(function (m1, m2, line) {
@@ -384,7 +381,7 @@ BR.Routing = L.Routing.extend({
         return L.polyline(latLngs);
     },
 
-    _routeSegment(m1, m2, cb) {
+    _routeSegment: function (m1, m2, cb) {
         var loadingTrailer;
 
         // change segment color before request to indicate recalculation (mark old)
@@ -416,7 +413,7 @@ BR.Routing = L.Routing.extend({
         );
     },
 
-    getSegments() {
+    getSegments: function () {
         var segments = [];
 
         this._eachSegment(function (m1, m2, line) {
@@ -430,7 +427,7 @@ BR.Routing = L.Routing.extend({
         return segments;
     },
 
-    _keydownListener(e) {
+    _keydownListener: function (e) {
         if (!BR.Util.keyboardShortcutsAllowed(e)) {
             return;
         }
@@ -449,17 +446,17 @@ BR.Routing = L.Routing.extend({
         }
     },
 
-    _keyupListener(e) {
+    _keyupListener: function (e) {
         if (e.keyCode === this.options.shortcut.draw.beelineModifier) {
             this._draw._setTrailerStyle(false);
         }
     },
 
-    isDrawing() {
+    isDrawing: function () {
         return this._draw._enabled;
     },
 
-    reverse() {
+    reverse: function () {
         const waypoints = this.getWaypoints();
         const beelineFlags = this.getBeelineFlags();
         waypoints.reverse();
@@ -468,19 +465,19 @@ BR.Routing = L.Routing.extend({
         this.setWaypoints(waypoints, beelineFlags);
     },
 
-    deleteLastPoint() {
+    deleteLastPoint: function () {
         if ((lastPoint = this.getLast())) {
             this.removeWaypoint(lastPoint, function (err, data) {});
         }
     },
 
-    _removeDistanceMarkers() {
+    _removeDistanceMarkers: function () {
         if (this._map && this._distanceMarkers) {
             this._map.removeLayer(this._distanceMarkers);
         }
     },
 
-    _updateDistanceMarkers(e) {
+    _updateDistanceMarkers: function (e) {
         this._removeDistanceMarkers();
 
         if (this._map) {
@@ -490,7 +487,7 @@ BR.Routing = L.Routing.extend({
         }
     },
 
-    _distance(latLng1, latLng2) {
+    _distance: function (latLng1, latLng2) {
         //return Math.round(latLng1.distanceTo(latLng2));
         const [ilon1, ilat1] = btools.util.CheapRuler.toIntegerLngLat([latLng1.lng, latLng1.lat]);
         const [ilon2, ilat2] = btools.util.CheapRuler.toIntegerLngLat([latLng2.lng, latLng2.lat]);
@@ -498,7 +495,7 @@ BR.Routing = L.Routing.extend({
         return btools.util.CheapRuler.calcDistance(ilon1, ilat1, ilon2, ilat2);
     },
 
-    _computeKinematic(distance, deltaHeight, costFactor) {
+    _computeKinematic: function (distance, deltaHeight, costFactor) {
         const rc = new BR.RoutingContext(this.profile);
         rc.expctxWay = new BR.BExpressionContextWay(undefined, costFactor);
         const stdPath = new BR.StdPath();
@@ -507,7 +504,7 @@ BR.Routing = L.Routing.extend({
         return stdPath;
     },
 
-    _getCostFactor(line) {
+    _getCostFactor: function (line) {
         let costFactor;
         if (line) {
             const props = line.feature.properties;
@@ -520,7 +517,7 @@ BR.Routing = L.Routing.extend({
         return costFactor;
     },
 
-    _interpolateBeelines(serialBeelines, before, after) {
+    _interpolateBeelines: function (serialBeelines, before, after) {
         let altStart = before?.getLatLngs()[before.getLatLngs().length - 1].alt;
         const altEnd = after?.getLatLngs()[0].alt ?? altStart;
         altStart ?? (altStart = altEnd);
@@ -565,7 +562,7 @@ BR.Routing = L.Routing.extend({
         }
     },
 
-    _updateBeelines() {
+    _updateBeelines: function () {
         L.Routing.prototype._updateBeelines.call(this);
 
         let serialBeelines = [];
@@ -588,7 +585,7 @@ BR.Routing = L.Routing.extend({
         }
     },
 
-    createBeeline(latLng1, latLng2) {
+    createBeeline: function (latLng1, latLng2) {
         const layer = L.Routing.prototype.createBeeline.call(this, latLng1, latLng2);
         // remove alt from cloned LatLngs to show gap in elevation graph to indicate no data inbetween
         delete layer.getLatLngs()[0].alt;
diff --git a/js/plugin/RoutingPathQuality.js b/js/plugin/RoutingPathQuality.js
index 703726d..54ff50c 100644
--- a/js/plugin/RoutingPathQuality.js
+++ b/js/plugin/RoutingPathQuality.js
@@ -6,7 +6,7 @@ BR.RoutingPathQuality = L.Control.extend({
         },
     },
 
-    initialize(map, layersControl, options) {
+    initialize: function (map, layersControl, options) {
         L.setOptions(this, options);
 
         // hotline uses canvas and cannot be moved in front of the svg, so we create another pane
@@ -35,9 +35,9 @@ BR.RoutingPathQuality = L.Control.extend({
                             1.0: '#ff0000', // red
                         },
                         outlineColor: 'dimgray',
-                        renderer,
+                        renderer: renderer,
                     },
-                    valueFunction(latLng, prevLatLng) {
+                    valueFunction: function (latLng, prevLatLng) {
                         var deltaAltitude = latLng.alt - prevLatLng.alt, // in m
                             distance = prevLatLng.distanceTo(latLng); // in m
                         if (distance === 0) {
@@ -53,9 +53,9 @@ BR.RoutingPathQuality = L.Control.extend({
                 provider: new HotLineQualityProvider({
                     hotlineOptions: {
                         outlineColor: 'dimgray',
-                        renderer,
+                        renderer: renderer,
                     },
-                    valueFunction(latLng) {
+                    valueFunction: function (latLng) {
                         return latLng.alt;
                     },
                 }),
@@ -65,7 +65,7 @@ BR.RoutingPathQuality = L.Control.extend({
                 icon: 'fa-road',
                 provider: new HotLineQualityProvider({
                     hotlineOptions: {
-                        renderer,
+                        renderer: renderer,
                         palette: {
                             // normal range
                             0.0: 'red',
@@ -103,7 +103,6 @@ BR.RoutingPathQuality = L.Control.extend({
                                 case 'concrete:lanes':
                                 case 'concrete:plates':
                                     surface = 0.6;
-                                    break;
                                 case 'sett':
                                 case 'gravel':
                                 case 'pebblestone':
@@ -229,9 +228,9 @@ BR.RoutingPathQuality = L.Control.extend({
                         // disables line simplification, so short segments won't disappear on some zoom levels
                         smoothFactor: 0,
                         outlineColor: 'dimgray',
-                        renderer,
+                        renderer: renderer,
                     },
-                    valueFunction(latLng) {
+                    valueFunction: function (latLng) {
                         var feature = latLng.feature;
                         var cost = feature.cost.perKm;
                         var distance = feature.distance / 1000; // in km
@@ -252,7 +251,7 @@ BR.RoutingPathQuality = L.Control.extend({
         this._muted = false;
     },
 
-    onAdd(map) {
+    onAdd: function (map) {
         this._map = map;
 
         map.on(
@@ -311,28 +310,28 @@ BR.RoutingPathQuality = L.Control.extend({
         }
 
         this.routingPathButton = new L.easyButton({
-            states,
+            states: states,
         }).addTo(map);
         return new L.DomUtil.create('div');
     },
 
-    _activate(btn) {
+    _activate: function (btn) {
         this._active = true;
         this._getIcon(btn).classList.add('active');
         this._routingSegments.addTo(this._map);
     },
 
-    _deactivate(btn) {
+    _deactivate: function (btn) {
         this._active = false;
         this._getIcon(btn).classList.remove('active');
         this._map.removeLayer(this._routingSegments);
     },
 
-    _getIcon(btn) {
+    _getIcon: function (btn) {
         return btn.button.firstChild.firstChild;
     },
 
-    update(track, layer) {
+    update: function (track, layer) {
         var segments = [];
         layer.eachLayer(function (layer) {
             segments.push(layer);
@@ -341,12 +340,12 @@ BR.RoutingPathQuality = L.Control.extend({
         this._update(this.segments);
     },
 
-    setProvider(provider) {
+    setProvider: function (provider) {
         this.selectedProvider = provider;
         this._update(this.segments);
     },
 
-    _update(segments) {
+    _update: function (segments) {
         this._routingSegments.clearLayers();
         var layers = this.providers[this.selectedProvider].provider.computeLayers(segments);
         if (layers) {
@@ -356,7 +355,7 @@ BR.RoutingPathQuality = L.Control.extend({
         }
     },
 
-    _keydownListener(e) {
+    _keydownListener: function (e) {
         if (!BR.Util.keyboardShortcutsAllowed(e)) {
             return;
         }
@@ -369,7 +368,7 @@ BR.RoutingPathQuality = L.Control.extend({
         }
     },
 
-    _keyupListener(e) {
+    _keyupListener: function (e) {
         if (BR.Util.keyboardShortcutsAllowed(e) && this._muted && e.keyCode === this.options.shortcut.muteKeyCode) {
             this._muted = false;
             this._activate(this.routingPathButton);
@@ -378,12 +377,12 @@ BR.RoutingPathQuality = L.Control.extend({
 });
 
 var HotLineQualityProvider = L.Class.extend({
-    initialize(options) {
+    initialize: function (options) {
         this.hotlineOptions = options.hotlineOptions;
         this.valueFunction = options.valueFunction;
     },
 
-    computeLayers(segments) {
+    computeLayers: function (segments) {
         var layers = [];
         if (segments) {
             var segmentLatLngs = [];
@@ -415,7 +414,7 @@ var HotLineQualityProvider = L.Class.extend({
         return layers;
     },
 
-    _computeLatLngVals(segment) {
+    _computeLatLngVals: function (segment) {
         var latLngVals = [],
             segmentLatLngs = segment.getLatLngs(),
             segmentLength = segmentLatLngs.length;
@@ -433,11 +432,11 @@ var HotLineQualityProvider = L.Class.extend({
         return latLngVals;
     },
 
-    _convertToArray(latLng, val) {
+    _convertToArray: function (latLng, val) {
         return [latLng.lat, latLng.lng, val];
     },
 
-    _calcMinMaxValues(lines, pct) {
+    _calcMinMaxValues: function (lines, pct) {
         lines.sort(function (a, b) {
             return a[2] - b[2];
         });
@@ -447,8 +446,8 @@ var HotLineQualityProvider = L.Class.extend({
             max = min + 1;
         }
         return {
-            min,
-            max,
+            min: min,
+            max: max,
         };
     },
 });
diff --git a/js/plugin/Sidebar.js b/js/plugin/Sidebar.js
index bca1e84..79c7094 100644
--- a/js/plugin/Sidebar.js
+++ b/js/plugin/Sidebar.js
@@ -17,7 +17,7 @@ BR.Sidebar = L.Control.Sidebar.extend({
         listeningTabs: {},
     },
 
-    initialize(id, options) {
+    initialize: function (id, options) {
         L.Control.Sidebar.prototype.initialize.call(this, id, options);
 
         this.oldTab = null;
@@ -25,7 +25,7 @@ BR.Sidebar = L.Control.Sidebar.extend({
         L.DomEvent.addListener(document, 'keydown', this._keydownListener, this);
     },
 
-    addTo(map) {
+    addTo: function (map) {
         L.Control.Sidebar.prototype.addTo.call(this, map);
 
         this.on('content', this._notifyOnContent, this);
@@ -59,14 +59,14 @@ BR.Sidebar = L.Control.Sidebar.extend({
         return this;
     },
 
-    showPanel(id) {
+    showPanel: function (id) {
         var tab = this._getTab(id);
         tab.hidden = false;
 
         return this;
     },
 
-    _rememberTabState() {
+    _rememberTabState: function () {
         if (BR.Util.localStorageAvailable()) {
             this.on('content closing', this._storeActiveTab, this);
 
@@ -85,42 +85,42 @@ BR.Sidebar = L.Control.Sidebar.extend({
         }
     },
 
-    _notifyShow(tab) {
+    _notifyShow: function (tab) {
         if (tab && tab.show) {
             tab.show();
         }
     },
 
-    _notifyHide(tab) {
+    _notifyHide: function (tab) {
         if (tab && tab.hide) {
             tab.hide();
         }
     },
 
-    _notifyOnContent(e) {
+    _notifyOnContent: function (e) {
         var tab = this.options.listeningTabs[e.id];
         this._notifyHide(this.oldTab);
         this._notifyShow(tab);
         this.oldTab = tab;
     },
 
-    _notifyOnClose(e) {
+    _notifyOnClose: function (e) {
         this._notifyHide(this.oldTab);
         this.oldTab = null;
     },
 
-    _notifyOnResize(e) {
+    _notifyOnResize: function (e) {
         var tab = this.oldTab;
         if (tab && tab.onResize) {
             tab.onResize();
         }
     },
 
-    _storeActiveTab(e) {
+    _storeActiveTab: function (e) {
         localStorage.setItem(this.storageId, e.id || '');
     },
 
-    _keydownListener(e) {
+    _keydownListener: function (e) {
         if (BR.Util.keyboardShortcutsAllowed(e) && e.keyCode === this.options.shortcut.toggleTabs) {
             if ($('#sidebarTabs > ul > li[class=active]').length) {
                 // sidebar is currently open, close current tab
diff --git a/js/plugin/TracksLoader.js b/js/plugin/TracksLoader.js
index b3134a1..f07680f 100644
--- a/js/plugin/TracksLoader.js
+++ b/js/plugin/TracksLoader.js
@@ -19,7 +19,7 @@ BR.tracksLoader = function (map, layersControl, routing, pois) {
             },
         },
 
-        _initContainer() {
+        _initContainer: function () {
             var thisLoader = this.loader;
 
             var fileInput;
@@ -60,7 +60,7 @@ BR.tracksLoader = function (map, layersControl, routing, pois) {
             return dummy;
         },
 
-        _keydownListener(e) {
+        _keydownListener: function (e) {
             if (
                 BR.Util.keyboardShortcutsAllowed(e) &&
                 e.keyCode === this.options.shortcut.open &&
diff --git a/js/plugin/leaflet-distance-marker.js b/js/plugin/leaflet-distance-marker.js
index 4402e55..7c5bd06 100644
--- a/js/plugin/leaflet-distance-marker.js
+++ b/js/plugin/leaflet-distance-marker.js
@@ -24,7 +24,7 @@
  */
 
 L.DistanceMarkers = L.LayerGroup.extend({
-    initialize(line, map, options) {
+    initialize: function (line, map, options) {
         options = options || {};
         var offset = options.offset || 1000;
         var showAll = Math.min(map.getMaxZoom(), options.showAll || 12);
@@ -69,7 +69,7 @@ L.DistanceMarkers = L.LayerGroup.extend({
             // width as base number, one for padding + multiply by number of digits
             var size = [iconSize[0] + iconSize[0] * ('' + text).length, iconSize[1]];
             var icon = L.divIcon({ className: cssClass, html: text, iconSize: size });
-            var marker = L.marker(position.latLng, { title: text, icon, interactive: false });
+            var marker = L.marker(position.latLng, { title: text, icon: icon, interactive: false });
 
             // visible only starting at a specific zoom level
             var zoom = this._minimumZoomLevelForItem(i, showAll);
@@ -106,7 +106,7 @@ L.DistanceMarkers = L.LayerGroup.extend({
         updateMarkerVisibility();
     },
 
-    setOpacity(opacity) {
+    setOpacity: function (opacity) {
         var i,
             keys = Object.keys(this._zoomLayers),
             l = keys.length;
@@ -119,7 +119,7 @@ L.DistanceMarkers = L.LayerGroup.extend({
         }
     },
 
-    _minimumZoomLevelForItem(item, showAllLevel) {
+    _minimumZoomLevelForItem: function (item, showAllLevel) {
         var zoom = showAllLevel,
             i = item;
         while (i > 0 && i % 2 === 0) {
diff --git a/js/plugin/leaflet-fullHash.js b/js/plugin/leaflet-fullHash.js
index bdfbde3..de9a950 100644
--- a/js/plugin/leaflet-fullHash.js
+++ b/js/plugin/leaflet-fullHash.js
@@ -29,9 +29,9 @@
             } else {
                 return {
                     center: new L.LatLng(lat, lon),
-                    zoom,
-                    layers,
-                    additional,
+                    zoom: zoom,
+                    layers: layers,
+                    additional: additional,
                 };
             }
         } else {
@@ -65,7 +65,7 @@
             parseHash: L.Hash.parseHash,
             formatHash: L.Hash.formatHash,
 
-            init(map, options) {
+            init: function (map, options) {
                 this.map = map;
                 L.Util.setOptions(this, options);
 
@@ -78,7 +78,7 @@
                 }
             },
 
-            _parseLayers(layersParam, layerSeparator) {
+            _parseLayers: function (layersParam, layerSeparator) {
                 var layers = layersParam.split(layerSeparator).map(
                     L.bind(function (layerEncoded) {
                         var obj = null;
@@ -95,7 +95,7 @@
                 return layers;
             },
 
-            parseLayers(layersParam) {
+            parseLayers: function (layersParam) {
                 var countFoundLayers = function (count, obj) {
                     if (obj) {
                         count++;
@@ -119,7 +119,7 @@
                 return layers;
             },
 
-            activateLayers(layers) {
+            activateLayers: function (layers) {
                 var layersControl = this.options.layersControl;
                 var added = false;
 
@@ -147,7 +147,7 @@
                 }
             },
 
-            formatLayers() {
+            formatLayers: function () {
                 var objList = this.options.layersControl.getActiveLayers();
                 // exclude vector layers (loaded tracks), but not when id set (route quality coding)
                 objList = objList.filter(function (obj) {
@@ -162,7 +162,7 @@
                 return layerList.join(this.options.layerSeparator);
             },
 
-            removeFrom(map) {
+            removeFrom: function (map) {
                 if (this.changeTimeout) {
                     clearTimeout(this.changeTimeout);
                 }
@@ -174,7 +174,7 @@
                 this.map = null;
             },
 
-            onMapMove() {
+            onMapMove: function () {
                 // bail if we're moving the map (updating from a hash),
                 // or if the map is not yet loaded
 
@@ -190,7 +190,7 @@
             },
 
             movingMap: false,
-            update() {
+            update: function () {
                 var hash = location.hash;
                 if (hash === this.lastHash) {
                     return;
@@ -226,7 +226,7 @@
             // defer hash change updates every 100ms
             changeDefer: 100,
             changeTimeout: null,
-            onHashChange() {
+            onHashChange: function () {
                 // throttle calls to update() so that they only happen every
                 // `changeDefer` ms
                 if (!this.changeTimeout) {
@@ -240,7 +240,7 @@
 
             isListening: false,
             hashChangeInterval: null,
-            startListening() {
+            startListening: function () {
                 this.map.on('moveend layeradd layerremove', this.onMapMove, this);
 
                 if (HAS_HASHCHANGE) {
@@ -252,7 +252,7 @@
                 this.isListening = true;
             },
 
-            stopListening() {
+            stopListening: function () {
                 this.map.off('moveend layeradd layerremove', this.onMapMove, this);
 
                 if (HAS_HASHCHANGE) {
@@ -263,7 +263,7 @@
                 this.isListening = false;
             },
 
-            _keyByValue(obj, value) {
+            _keyByValue: function (obj, value) {
                 for (var key in obj) {
                     if (obj.hasOwnProperty(key)) {
                         if (obj[key] === value) {
diff --git a/js/router/BRouter.js b/js/router/BRouter.js
index 6ac4dcf..ccdf2be 100644
--- a/js/router/BRouter.js
+++ b/js/router/BRouter.js
@@ -10,16 +10,15 @@ L.BRouter = L.Class.extend({
         GROUP_SEPARATOR: '|',
         ABORTED_ERROR: 'aborted',
         CUSTOM_PREFIX: 'custom_',
-        SUPPORTED_BROUTER_VERSIONS: '< 1.7.0 || >=1.7.2',
-        // compatibility string should be in npm package versioning format
-        isCustomProfile(profileName) {
+        SUPPORTED_BROUTER_VERSIONS: '< 1.7.0 || >=1.7.2', // compatibility string should be in npm package versioning format
+        isCustomProfile: function (profileName) {
             return profileName && profileName.substring(0, 7) === L.BRouter.CUSTOM_PREFIX;
         },
     },
 
     options: {},
 
-    initialize(options) {
+    initialize: function (options) {
         L.setOptions(this, options);
 
         this.queue = async.queue(
@@ -30,11 +29,11 @@ L.BRouter = L.Class.extend({
         );
     },
 
-    setOptions(options) {
+    setOptions: function (options) {
         L.setOptions(this, options);
     },
 
-    getUrlParams(latLngs, beelineFlags, pois, circlego, format) {
+    getUrlParams: function (latLngs, beelineFlags, pois, circlego, format) {
         params = {};
         if (this._getLonLatsString(latLngs) != null) params.lonlats = this._getLonLatsString(latLngs);
 
@@ -76,7 +75,7 @@ L.BRouter = L.Class.extend({
         return params;
     },
 
-    parseUrlParams(params) {
+    parseUrlParams: function (params) {
         var opts = {};
         if (params.lonlats) {
             opts.lonlats = this._parseLonLats(params.lonlats);
@@ -117,7 +116,7 @@ L.BRouter = L.Class.extend({
         return opts;
     },
 
-    getUrl(latLngs, beelineFlags, pois, circlego, format, trackname, exportWaypoints) {
+    getUrl: function (latLngs, beelineFlags, pois, circlego, format, trackname, exportWaypoints) {
         var urlParams = this.getUrlParams(latLngs, beelineFlags, pois, circlego, format);
         var args = [];
         if (urlParams.lonlats != null && urlParams.lonlats.length > 0)
@@ -134,7 +133,7 @@ L.BRouter = L.Class.extend({
         if (trackname)
             args.push(
                 L.Util.template('trackname={trackname}', {
-                    trackname,
+                    trackname: trackname,
                 })
             );
         if (exportWaypoints) args.push('exportWaypoints=1');
@@ -144,7 +143,7 @@ L.BRouter = L.Class.extend({
         return (prepend_host ? BR.conf.host : '') + '/brouter?' + args.join('&');
     },
 
-    getRoute(latLngs, cb) {
+    getRoute: function (latLngs, cb) {
         var url = this.getUrl(latLngs, null, null, null, 'geojson'),
             xhr = new XMLHttpRequest();
 
@@ -165,15 +164,14 @@ L.BRouter = L.Class.extend({
         xhr.send();
     },
 
-    _handleRouteResponse(xhr, cb) {
+    _handleRouteResponse: function (xhr, cb) {
         var layer, geojson;
 
         if (
             xhr.status === 200 &&
             xhr.responseText &&
             // application error when not GeoJSON format (text/plain for errors)
-            (xhr.getResponseHeader('Content-Type').split(';')[0] === 'application/geo+json' ||
-                xhr.getResponseHeader('Content-Type').split(';')[0] === 'application/vnd.geo+json')
+            xhr.getResponseHeader('Content-Type').split(';')[0] === 'application/vnd.geo+json'
         ) {
             // leaflet.spin
             //gpxLayer.fire('data:loaded');
@@ -194,7 +192,7 @@ L.BRouter = L.Class.extend({
     },
 
     versionCheckDone: false,
-    checkBRouterVersion(creator) {
+    checkBRouterVersion: function (creator) {
         if (this.versionCheckDone) {
             return;
         }
@@ -218,11 +216,11 @@ L.BRouter = L.Class.extend({
         }
     },
 
-    getRouteSegment(l1, l2, cb) {
+    getRouteSegment: function (l1, l2, cb) {
         this.queue.push({ segment: [l1, l2] }, cb);
     },
 
-    uploadProfile(profileId, profileText, cb) {
+    uploadProfile: function (profileId, profileText, cb) {
         var url = L.BRouter.URL_PROFILE_UPLOAD;
         xhr = new XMLHttpRequest();
 
@@ -242,7 +240,7 @@ L.BRouter = L.Class.extend({
         xhr.send(profileText);
     },
 
-    _assignFeatures(segment) {
+    _assignFeatures: function (segment) {
         if (segment.feature.properties.messages) {
             var featureMessages = segment.feature.properties.messages,
                 segmentLatLngs = segment.getLatLngs(),
@@ -269,14 +267,14 @@ L.BRouter = L.Class.extend({
         return segment;
     },
 
-    _getFeatureLatLng(message) {
+    _getFeatureLatLng: function (message) {
         var lon = message[0] / 1000000,
             lat = message[1] / 1000000;
 
         return L.latLng(lat, lon);
     },
 
-    _handleProfileResponse(xhr, cb) {
+    _handleProfileResponse: function (xhr, cb) {
         var response;
 
         if (xhr.status === 200 && xhr.responseText && xhr.responseText.length > 0) {
@@ -287,7 +285,7 @@ L.BRouter = L.Class.extend({
         }
     },
 
-    _getLonLatsString(latLngs) {
+    _getLonLatsString: function (latLngs) {
         var s = '';
         for (var i = 0; i < latLngs.length; i++) {
             s += this._formatLatLng(latLngs[i]);
@@ -298,7 +296,7 @@ L.BRouter = L.Class.extend({
         return s;
     },
 
-    _parseLonLats(s) {
+    _parseLonLats: function (s) {
         var groups,
             numbers,
             lonlats = [];
@@ -317,7 +315,7 @@ L.BRouter = L.Class.extend({
         return lonlats;
     },
 
-    _getBeelineString(beelineFlags) {
+    _getBeelineString: function (beelineFlags) {
         var indexes = [];
         for (var i = 0; i < beelineFlags.length; i++) {
             if (beelineFlags[i]) {
@@ -327,7 +325,7 @@ L.BRouter = L.Class.extend({
         return indexes.join(',');
     },
 
-    _parseBeelines(s, lonlats) {
+    _parseBeelines: function (s, lonlats) {
         if (!lonlats || lonlats.length < 2) return [];
 
         const beelineFlags = new Array(lonlats.length - 1);
@@ -338,7 +336,7 @@ L.BRouter = L.Class.extend({
         return beelineFlags;
     },
 
-    _getLonLatsNameString(latLngNames) {
+    _getLonLatsNameString: function (latLngNames) {
         var s = '';
         for (var i = 0; i < latLngNames.length; i++) {
             s += this._formatLatLng(latLngNames[i].latlng);
@@ -352,7 +350,7 @@ L.BRouter = L.Class.extend({
         return s;
     },
 
-    _parseLonLatNames(s) {
+    _parseLonLatNames: function (s) {
         var groups,
             part,
             lonlatnames = [];
@@ -371,7 +369,7 @@ L.BRouter = L.Class.extend({
         return lonlatnames;
     },
 
-    _getNogosString(nogos) {
+    _getNogosString: function (nogos) {
         var s = '';
         for (var i = 0, circle; i < nogos.length; i++) {
             circle = nogos[i];
@@ -394,7 +392,7 @@ L.BRouter = L.Class.extend({
         return s;
     },
 
-    _parseNogos(s) {
+    _parseNogos: function (s) {
         var groups,
             numbers,
             nogos = [];
@@ -420,7 +418,7 @@ L.BRouter = L.Class.extend({
         return nogos;
     },
 
-    _getNogosPolylinesString(nogos) {
+    _getNogosPolylinesString: function (nogos) {
         var s = '';
         for (var i = 0, polyline, vertices; i < nogos.length; i++) {
             polyline = nogos[i];
@@ -447,7 +445,7 @@ L.BRouter = L.Class.extend({
         return s;
     },
 
-    _parseNogosPolylines(s) {
+    _parseNogosPolylines: function (s) {
         var groups,
             numbers,
             latlngs,
@@ -467,14 +465,14 @@ L.BRouter = L.Class.extend({
                 if (j < numbers.length) {
                     nogoWeight = Number.parseFloat(numbers[j++]);
                 }
-                var options = L.extend(BR.NogoAreas.prototype.polylineOptions, { nogoWeight });
+                var options = L.extend(BR.NogoAreas.prototype.polylineOptions, { nogoWeight: nogoWeight });
                 nogos.push(L.polyline(latlngs, options));
             }
         }
         return nogos;
     },
 
-    _getNogosPolygonsString(nogos) {
+    _getNogosPolygonsString: function (nogos) {
         var s = '';
         for (var i = 0, polygon, vertices; i < nogos.length; i++) {
             polygon = nogos[i];
@@ -501,7 +499,7 @@ L.BRouter = L.Class.extend({
         return s;
     },
 
-    _parseNogosPolygons(s) {
+    _parseNogosPolygons: function (s) {
         var groups,
             numbers,
             latlngs,
@@ -521,13 +519,13 @@ L.BRouter = L.Class.extend({
                 if (j < numbers.length) {
                     nogoWeight = Number.parseFloat(numbers[j++]);
                 }
-                nogos.push(L.polygon(latlngs, { nogoWeight }));
+                nogos.push(L.polygon(latlngs, { nogoWeight: nogoWeight }));
             }
         }
         return nogos;
     },
 
-    _parseProfile(profile) {
+    _parseProfile: function (profile) {
         if (BR.conf.profilesRename?.[profile]) {
             return BR.conf.profilesRename[profile];
         }
@@ -536,7 +534,7 @@ L.BRouter = L.Class.extend({
     },
 
     // formats L.LatLng object as lng,lat string
-    _formatLatLng(latLng) {
+    _formatLatLng: function (latLng) {
         var s = '';
         s += L.Util.formatNum(latLng.lng ?? latLng[1], L.BRouter.PRECISION);
         s += L.BRouter.NUMBER_SEPARATOR;
diff --git a/js/router/brouterCgi.js b/js/router/brouterCgi.js
index e553482..1bb30f6 100644
--- a/js/router/brouterCgi.js
+++ b/js/router/brouterCgi.js
@@ -24,6 +24,6 @@ var brouterCgi = (function () {
     }
 
     return {
-        getUrl,
+        getUrl: getUrl,
     };
 })();
diff --git a/js/util/ClickTolerantBoxZoom.js b/js/util/ClickTolerantBoxZoom.js
index 904e8c5..dc5ee17 100644
--- a/js/util/ClickTolerantBoxZoom.js
+++ b/js/util/ClickTolerantBoxZoom.js
@@ -15,16 +15,16 @@ BR.ClickTolerantBoxZoom = L.Map.BoxZoom.extend({
     // already signals dragging to map and thus prevents click
     _preMoved: false,
 
-    moved() {
+    moved: function () {
         return this._preMoved || this._moved;
     },
 
-    _resetState() {
+    _resetState: function () {
         L.Map.BoxZoom.prototype._resetState.call(this);
         this._preMoved = false;
     },
 
-    _onMouseMove(e) {
+    _onMouseMove: function (e) {
         if (!this._moved) {
             const point = this._map.mouseEventToContainerPoint(e);
 
@@ -44,7 +44,7 @@ BR.ClickTolerantBoxZoom = L.Map.BoxZoom.extend({
         L.Map.BoxZoom.prototype._onMouseMove.call(this, e);
     },
 
-    _onMouseUp(e) {
+    _onMouseUp: function (e) {
         L.Map.BoxZoom.prototype._onMouseUp.call(this, e);
 
         if (!this._moved && this._preMoved) {
diff --git a/js/util/MaplibreGlLazyLoader.js b/js/util/MaplibreGlLazyLoader.js
index e93d2cc..362f426 100644
--- a/js/util/MaplibreGlLazyLoader.js
+++ b/js/util/MaplibreGlLazyLoader.js
@@ -33,11 +33,11 @@
      * Only load Maplibre bundles when layer is actually added, using dynamic imports
      */
     BR.MaplibreGlLazyLoader = L.Layer.extend({
-        initialize(options) {
+        initialize: function (options) {
             this.options = options;
         },
 
-        onAdd(map) {
+        onAdd: function (map) {
             if (!('maplibreGL' in L)) {
                 this._load();
             } else {
@@ -46,7 +46,7 @@
             return this;
         },
 
-        onRemove(map) {
+        onRemove: function (map) {
             if (this.glLayer) {
                 this._map.removeLayer(this.glLayer);
             }
@@ -55,12 +55,12 @@
         },
 
         // needed when overlay, also requires `position: absolute` (see css)
-        setZIndex(zIndex) {
+        setZIndex: function (zIndex) {
             this.options.zIndex = zIndex;
             return this;
         },
 
-        setOpacity(opacity) {
+        setOpacity: function (opacity) {
             if (this.glLayer) {
                 const glMap = this.glLayer.getMaplibreMap();
                 if (glMap.getLayer('hillshading')) {
@@ -71,14 +71,14 @@
             }
         },
 
-        async _load() {
+        _load: async function () {
             await importPolyfill('./maplibre-gl.js');
             await importPolyfill('./leaflet-maplibre-gl.js');
 
             this._addGlLayer();
         },
 
-        _addGlLayer() {
+        _addGlLayer: function () {
             this.glLayer = L.maplibreGL(this.options);
             // see LayersConfig.createLayer
             this.glLayer.getAttribution = function () {
@@ -89,7 +89,7 @@
             this._updateZIndex();
         },
 
-        _updateZIndex() {
+        _updateZIndex: function () {
             if (this.glLayer && this.glLayer.getContainer() && this.options.zIndex != null) {
                 this.glLayer.getContainer().style.zIndex = this.options.zIndex;
             }
diff --git a/js/util/Track.js b/js/util/Track.js
index 2e941d1..d526929 100644
--- a/js/util/Track.js
+++ b/js/util/Track.js
@@ -10,7 +10,7 @@ BR.Track = {
      *
      * @returns {Object} to pass as `options` parameter to `L.geoJson`
      */
-    getGeoJsonOptions(layersControl, filterPois = false) {
+    getGeoJsonOptions: function (layersControl, filterPois = false) {
         // https://github.com/mapbox/simplestyle-spec/tree/master/1.1.0
         const styleMapping = [
             ['stroke', 'color'],
@@ -20,7 +20,7 @@ BR.Track = {
             ['fill-opacity', 'fillOpacity'],
         ];
         return {
-            style(geoJsonFeature) {
+            style: function (geoJsonFeature) {
                 var currentLayerId = layersControl?.getActiveBaseLayer().layer.id;
                 const featureStyle = {
                     color: currentLayerId === 'cyclosm' ? 'yellow' : 'blue',
@@ -34,14 +34,14 @@ BR.Track = {
                 return featureStyle;
             },
             interactive: false,
-            filter(geoJsonFeature) {
+            filter: function (geoJsonFeature) {
                 if (filterPois) {
                     // remove POIs, added separately, see `addPoiMarkers`
                     return !BR.Track.isPoiPoint(geoJsonFeature);
                 }
                 return true;
             },
-            pointToLayer(geoJsonPoint, latlng) {
+            pointToLayer: function (geoJsonPoint, latlng) {
                 // route waypoint (type=from/via/to)
                 return L.marker(latlng, {
                     interactive: false,
@@ -60,7 +60,7 @@ BR.Track = {
      * @param {BR.PoiMarkers} pois POI control instance
      * @param {Object} geoJson GeoJSON object
      */
-    addPoiMarkers(pois, geoJson) {
+    addPoiMarkers: function (pois, geoJson) {
         turf.featureEach(geoJson, function (feature, idx) {
             if (BR.Track.isPoiPoint(feature)) {
                 var coord = turf.getCoord(feature);
@@ -80,7 +80,7 @@ BR.Track = {
      *
      * @param {Object} geoJsonPointFeature GeoJSON Point feature
      */
-    isRouteWaypoint(geoJsonPointFeature) {
+    isRouteWaypoint: function (geoJsonPointFeature) {
         var props = geoJsonPointFeature.properties;
         if (props && props.type) {
             var wptType = props.type;
@@ -96,7 +96,7 @@ BR.Track = {
      *
      * @param {Object} geoJsonFeature GeoJSON feature
      */
-    isPoiPoint(geoJsonFeature) {
+    isPoiPoint: function (geoJsonFeature) {
         return turf.getType(geoJsonFeature) === 'Point' && !BR.Track.isRouteWaypoint(geoJsonFeature);
     },
 };
diff --git a/js/util/TrackEdges.js b/js/util/TrackEdges.js
index d905bfb..9102ec8 100644
--- a/js/util/TrackEdges.js
+++ b/js/util/TrackEdges.js
@@ -6,7 +6,7 @@
  */
 BR.TrackEdges = L.Class.extend({
     statics: {
-        getFeature(featureMessage) {
+        getFeature: function (featureMessage) {
             //["Longitude", "Latitude", "Elevation", "Distance", "CostPerKm", "ElevCost", "TurnCost", "NodeCost", "InitialCost", "WayTags", "NodeTags"]
             return {
                 cost: {
@@ -35,7 +35,7 @@ BR.TrackEdges = L.Class.extend({
     /**
      * @param {Array} segments
      */
-    initialize(segments) {
+    initialize: function (segments) {
         this.edges = this.getTrackEdges(segments);
     },
 
@@ -48,7 +48,7 @@ BR.TrackEdges = L.Class.extend({
      *
      * @return {number[]}
      */
-    getTrackEdges(segments) {
+    getTrackEdges: function (segments) {
         var messages,
             segLatLngs,
             length,
@@ -88,7 +88,7 @@ BR.TrackEdges = L.Class.extend({
         return edges;
     },
 
-    getMessageLatLng(message) {
+    getMessageLatLng: function (message) {
         var lon = message[0] / 1000000,
             lat = message[1] / 1000000;
 
diff --git a/layers/config/tree.js b/layers/config/tree.js
index 79b5d67..1bd3d69 100644
--- a/layers/config/tree.js
+++ b/layers/config/tree.js
@@ -146,7 +146,6 @@ BR.confLayers.tree = {
                 'parking_entrance',
                 'parking',
                 'parking_space',
-                'railway_station',
                 'taxi',
                 'vehicle_inspection',
             ]
diff --git a/layers/overpass/amenity/transportation/railway_station.geojson b/layers/overpass/amenity/transportation/railway_station.geojson
deleted file mode 100644
index 662e5a0..0000000
--- a/layers/overpass/amenity/transportation/railway_station.geojson
+++ /dev/null
@@ -1,13 +0,0 @@
-{
-    "geometry": null,
-    "properties": {
-      "name": "Railway station",
-      "id": "railway_station",
-      "overlay": true,
-      "dataSource": "OverpassAPI",
-      "icon": "temaki-train",
-      "query": "nwr[railway=station];"
-    },
-    "type": "Feature"
-  }
-  
\ No newline at end of file
diff --git a/locales/en.json b/locales/en.json
index 309d85e..4688089 100644
--- a/locales/en.json
+++ b/locales/en.json
@@ -285,67 +285,10 @@
   },
   "sidebar": {
     "analysis": {
-        "data": {
-            "highway": {
-                "footway": "Footway",
-                "path": "Path",
-                "residential": "Residential",
-                "cycleway": "Cycleway",
-                "track": "Track",
-                "service": "Service",
-                "tertiary": "Tertiary",
-                "secondary": "Secondary",
-                "primary": "Primary",
-                "trunk": "Trunk",
-                "motorway": "Motorway",
-                "motorway_link": "Motorway Link",
-                "primary_link": "Primary Link",
-                "secondary_link": "Secondary Link",
-                "tertiary_link": "Tertiary Link",
-                "trunk_link": "Trunk Link",
-                "living_street": "Living Street",
-                "pedestrian": "Pedestrian",
-                "road": "Road",
-                "bridleway": "Bridleway",
-                "steps": "Steps",
-                "sidewalk": "Sidewalk",
-                "crossing": "Crossing",
-                "unclassified": "Unclassified"
-            },
-            "surface": {
-                "asphalt": "Asphalt",
-                "cobblestone": "Cobblestone",
-                "compacted": "Compacted",
-                "dirt": "Dirt",
-                "fine_gravel": "Fine Gravel",
-                "grass": "Grass",
-                "gravel": "Gravel",
-                "ground": "Ground",
-                "paved": "Paved",
-                "sand": "Sand",
-                "unpaved": "Unpaved",
-                "wood": "Wood",
-                "concrete": "Concrete",
-                "paving_stones": "Paving Stones",
-                "sett": "Sett"
-            },
-            "smoothness": {
-                "excellent": "Excellent",
-                "good": "Good",
-                "intermediate": "Intermediate",
-                "bad": "Bad",
-                "very_bad": "Very Bad",
-                "horrible": "Horrible",
-                "very_horrible": "Very Horrible",
-                "impassable": "Impassable"
-            },
-            "maxspeed": "{{maxspeed}} km/h"
-        },
       "header": {
         "highway": "Highway",
         "smoothness": "Smoothness",
-        "surface": "Surface",
-        "maxspeed": "Maximum Speed"
+        "surface": "Surface"
       },
       "table": {
         "category": "Category",
diff --git a/package.json b/package.json
index c1d240b..72905f4 100644
--- a/package.json
+++ b/package.json
@@ -39,7 +39,7 @@
         "@mapbox/maki": "8.0.1",
         "@mapbox/polyline": "1.1.1",
         "@mapbox/togeojson": "0.16.2",
-        "@maplibre/maplibre-gl-leaflet": "0.0.20",
+        "@maplibre/maplibre-gl-leaflet": "0.0.19",
         "@turf/turf": "6.5.0",
         "Leaflet.vector-markers": "nrenner/Leaflet.vector-markers#2ef80c9",
         "abortcontroller-polyfill": "1.7.5",
@@ -54,7 +54,7 @@
         "datatables": "1.10.18",
         "fit-file-writer": "tbsmark86/fit-file-writer#3eebe13",
         "font-awesome": "4.7.0",
-        "geo-data-exchange": "alexcojocaru/geo-data-exchange#v2.2.0",
+        "geo-data-exchange": "alexcojocaru/geo-data-exchange#v2.0.0",
         "i18next": "19.9.2",
         "i18next-browser-languagedetector": "7.0.2",
         "i18next-xhr-backend": "3.2.2",
@@ -367,8 +367,7 @@
                 "icons/museum.svg",
                 "icons/spotting_scope.svg",
                 "icons/cabin.svg",
-                "icons/picnic_shelter.svg",
-                "icons/train.svg"
+                "icons/picnic_shelter.svg"
             ]
         },
         "@fortawesome/fontawesome-free": {
diff --git a/yarn.lock b/yarn.lock
index 2a3568b..8d3ab01 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1397,10 +1397,10 @@
   resolved "https://registry.yarnpkg.com/@mapbox/whoots-js/-/whoots-js-3.1.0.tgz#497c67a1cef50d1a2459ba60f315e448d2ad87fe"
   integrity sha512-Es6WcD0nO5l+2BOQS4uLfNPYQaNDfbot3X1XUoloz+x0mPDS3eeORZJl06HXjwBG1fOGwCRnzK88LMdxKRrd6Q==
 
-"@maplibre/maplibre-gl-leaflet@0.0.20":
-  version "0.0.20"
-  resolved "https://registry.yarnpkg.com/@maplibre/maplibre-gl-leaflet/-/maplibre-gl-leaflet-0.0.20.tgz#9b68bcb2226f300f3cf03865aa97647ca95f30ee"
-  integrity sha512-W36NFgRbhOic/Bv2dU4f6P3BE2QlhPbselQdf0snY4E36kjmhAl9RKEfAGDmfI1T5bUOmPmWzQDRnvEWqGc+jw==
+"@maplibre/maplibre-gl-leaflet@0.0.19":
+  version "0.0.19"
+  resolved "https://registry.yarnpkg.com/@maplibre/maplibre-gl-leaflet/-/maplibre-gl-leaflet-0.0.19.tgz#adea2fe9890978c705f12a6274a6dc8b1467d02b"
+  integrity sha512-NwWqmE8Lmx8uMQS8sgHzGTz/CPfLBnbGns5BjXTmj459BUd7leCx3TVVhg04Pea4fzJeGaiyS2+KdWUVtKNuHg==
 
 "@mdn/browser-compat-data@^3.3.14":
   version "3.3.14"
@@ -5632,9 +5632,9 @@ gensync@^1.0.0-beta.2:
   resolved "https://registry.yarnpkg.com/gensync/-/gensync-1.0.0-beta.2.tgz#32a6ee76c3d7f52d46b2b1ae5d93fea8580a25e0"
   integrity sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==
 
-geo-data-exchange@alexcojocaru/geo-data-exchange#v2.2.0:
-  version "2.2.0"
-  resolved "https://codeload.github.com/alexcojocaru/geo-data-exchange/tar.gz/d6d517dee5e07e32ef948eecd7a151479a6d7938"
+geo-data-exchange@alexcojocaru/geo-data-exchange#v2.0.0:
+  version "2.0.0"
+  resolved "https://codeload.github.com/alexcojocaru/geo-data-exchange/tar.gz/f3964028483ce194700f98c3d9c241818b54062b"
   dependencies:
     leaflet "^1.5.0"