sstent/StuTracker
1
0
Fork 0
mirror of https://github.com/sstent/StuTracker.git synced 2026-01-26 10:32:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update index.html

Browse Source
This commit is contained in:
sstent
2024-06-03 14:36:58 -04:00
committed by GitHub
parent 8ac52a254a
commit f5891e5876
1 changed files with 25 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
index.html
View File

@@ -52,19 +52,20 @@
}).addTo(map); }).addTo(map);
// KML URL with username and password // 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'; //var kmlUrl = 'https://share.garmin.com/Feed/Share/NDB92';
// Use CorsProxy.io to handle CORS for the KML file // Use CorsProxy.io to handle CORS for the KML file
var corsProxy = 'https://corsproxy.io/?'; //var corsProxy = 'https://corsproxy.io/?';
var proxyKmlUrl = corsProxy + encodeURIComponent(kmlUrl); //var proxyKmlUrl = corsProxy + encodeURIComponent(kmlUrl);
// Load the KML file // Load the KML file
//omnivore.kml(kmlUrl).addTo(map); //omnivore.kml(kmlUrl).addTo(map);
// Load the KML file and customize the marker icon // 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) { pointToLayer: function (feature, latlng) {
return L.marker(latlng, { return L.marker(latlng, {
icon: L.icon({ icon: L.icon({
@@ -78,6 +79,25 @@
} }
})).addTo(map); })).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);
});
</script> </script>
</body> </body>