From f5891e5876b1e4d728dcca2ea156e68378bbd2c5 Mon Sep 17 00:00:00 2001 From: sstent Date: Mon, 3 Jun 2024 14:36:58 -0400 Subject: [PATCH] Update index.html --- index.html | 30 +++++++++++++++++++++++++----- 1 file changed, 25 insertions(+), 5 deletions(-) diff --git a/index.html b/index.html index 720ee6533a..9f575454d8 100644 --- a/index.html +++ b/index.html @@ -52,19 +52,20 @@ }).addTo(map); // KML URL with username and password - var kmlUrl = 'https://USERNAME:abodyinmotion@share.garmin.com/Feed/Share/NDB92'; + var kmlUrl = 'NDB92'; + // var kmlUrl = 'https://USERNAME:abodyinmotion@share.garmin.com/Feed/Share/NDB92'; //var kmlUrl = 'https://share.garmin.com/Feed/Share/NDB92'; // Use CorsProxy.io to handle CORS for the KML file - var corsProxy = 'https://corsproxy.io/?'; - var proxyKmlUrl = corsProxy + encodeURIComponent(kmlUrl); + //var corsProxy = 'https://corsproxy.io/?'; + //var proxyKmlUrl = corsProxy + encodeURIComponent(kmlUrl); // Load the KML file //omnivore.kml(kmlUrl).addTo(map); // Load the KML file and customize the marker icon - var kmlLayer = omnivore.kml(proxyKmlUrl, null, L.geoJSON(null, { + var kmlLayer = omnivore.kml(kmlUrl, null, L.geoJSON(null, { pointToLayer: function (feature, latlng) { return L.marker(latlng, { icon: L.icon({ @@ -77,7 +78,26 @@ }); } })).addTo(map); - + + // GPX URL - Change 'croton.gpx' to the filename of your GPX file + var gpxUrl = 'croton.gpx'; + + // Load the GPX file + new L.GPX(gpxUrl, { + async: true, + marker_options: { + startIconUrl: 'https://leafletjs.com/docs/images/marker-icon.png', + endIconUrl: 'https://leafletjs.com/docs/images/marker-icon.png', + shadowUrl: 'https://leafletjs.com/docs/images/marker-shadow.png' + } + }).on('loaded', function(e) { + map.fitBounds(e.target.getBounds()); + }).addTo(map); + + // Optionally, handle any errors + new L.GPX(gpxUrl).on('error', function(error) { + console.error('Failed to load GPX:', error); + });