diff --git a/org/gpx/20260314_london_italy/js/gpx.js b/org/gpx/20260314_london_italy/js/gpx.js index f616099..9e8f74a 100644 --- a/org/gpx/20260314_london_italy/js/gpx.js +++ b/org/gpx/20260314_london_italy/js/gpx.js @@ -3,7 +3,7 @@ // L.tileLayer('https://{s}.tile-cyclosm.openstreetmap.fr/cyclosm-lite/{z}/{x}/{y}.png', { // not working, cyclosm should be self-hosted L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { minZoom: 6, // avoid zooming outside track range, roughly, to prevent extra tile requests - maxZoom: 12, + maxZoom: 15, attribution: 'Map data © OpenStreetMap' }).addTo(map); @@ -25,6 +25,7 @@ shadowUrl: '../gpx/20260314_london_italy/images/pin-shadow.png' }, polyline_options: { + smoothFactor: 3, // simplify track at each zoom level, uses the simplify() Leaflet.js call (Ramer-Douglas-Peucker) color: lineColor, opacity: 1, weight: 3, @@ -33,10 +34,11 @@ }).on('loaded', function(e) { map.fitBounds(e.target.getBounds()); }).on('mouseover', function(e) { + var paths = gpx.split("/"); this.bindTooltip( - "Click to download: " + gpx.split("/")[3], - { sticky: true } - ) + "Click to download: " + paths[paths.length - 1], + { sticky: true + }); this.openPopup(e.latlng); }).on('mouseout', function(e) { setTimeout(this.closePopup(), 500); @@ -48,14 +50,14 @@ // setTimeout(function(){ map.invalidateSize()}, 500); } -addGPX(map, '../gpx/20260314_london_italy/2026-02-27-London.gpx', 'purple') -addGPX(map, '../gpx/20260314_london_italy/2026-02-28-Tendring.gpx', 'purple') -addGPX(map, '../gpx/20260314_london_italy/2026-03-01-Rotterdam.gpx', 'purple') -addGPX(map, '../gpx/20260314_london_italy/2026-03-05-Amsterdam.gpx', 'purple') -addGPX(map, '../gpx/20260314_london_italy/2026-03-06-Tilburg.gpx', 'purple') -addGPX(map, '../gpx/20260314_london_italy/2026-03-07-Liege.gpx', 'purple') -addGPX(map, '../gpx/20260314_london_italy/2026-03-08-Luxembourg.gpx', 'purple') -addGPX(map, '../gpx/20260314_london_italy/2026-03-09-BaD.gpx', 'purple') -addGPX(map, '../gpx/20260314_london_italy/2026-03-10-Strasbourg.gpx', 'purple') -addGPX(map, '../gpx/20260314_london_italy/2026-03-11-Kirchzarten.gpx', 'purple') -addGPX(map, '../gpx/20260314_london_italy/2026-03-12-Montreux-failed.gpx', 'red') +addGPX(map, '../gpx/20260314_london_italy/compressed/2026-02-27-London.gpx', 'purple') +addGPX(map, '../gpx/20260314_london_italy/compressed/2026-02-28-Tendring.gpx', 'purple') +addGPX(map, '../gpx/20260314_london_italy/compressed/2026-03-01-Rotterdam.gpx', 'purple') +addGPX(map, '../gpx/20260314_london_italy/compressed/2026-03-05-Amsterdam.gpx', 'purple') +addGPX(map, '../gpx/20260314_london_italy/compressed/2026-03-06-Tilburg.gpx', 'purple') +addGPX(map, '../gpx/20260314_london_italy/compressed/2026-03-07-Liege.gpx', 'purple') +addGPX(map, '../gpx/20260314_london_italy/compressed/2026-03-08-Luxembourg.gpx', 'purple') +addGPX(map, '../gpx/20260314_london_italy/compressed/2026-03-09-BaD.gpx', 'purple') +addGPX(map, '../gpx/20260314_london_italy/compressed/2026-03-10-Strasbourg.gpx', 'purple') +addGPX(map, '../gpx/20260314_london_italy/compressed/2026-03-11-Kirchzarten.gpx', 'purple') +addGPX(map, '../gpx/20260314_london_italy/compressed/2026-03-12-Montreux-failed.gpx', 'red')