Ich hatte vor einiger Zeit eine kleine Web-Anwendung erstellt, welche Geodaten aus einer Datenbank liest und mit Hilfe der Javascript-Bibliothek OpenLayers auf einer Karte darstellt. Bei den Daten handelt es sich um mit OwnTracks aufgezeichnete Folgen von Koordinaten. Ich wollte jetzt die Möglichkeit hinzufügen, die Tracks als GPX-Datei herunterzuladen.
Da ich keine Ahnung hatte, wie man so etwas in Openlayers und Javascript macht, und auch über eine Internetsuche nichts dazu gefunden habe, habe ich neugierhalber die Künstliche Intelligenz befargt, in diesem Fall Grok 3. Die Frage war:
in openlayers, how can i save a vector layer to a gpx file
Die Antwort enthielt neben einer ausführlichen Erklärung den Javascript-Code einer Funktion, die das gewünschte erledigt. Der Code hat zu meiner Überraschung ohne Änderungen einwandfrei funktioniert. Hier ist der Code:
// Function to save the layer as a GPX file
function saveGpxLayerToFile(layer, fileName = 'exported-layer.gpx') {
// Get the source from the layer
const source = layer.getSource();
// Get all features from the source
const features = source.getFeatures();
// Create a GPX format instance
const gpxFormat = new GPX();
// Convert features to GPX string
const gpxString = gpxFormat.writeFeatures(features, {
featureProjection: 'EPSG:3857', // Adjust based on your map's projection
dataProjection: 'EPSG:4326', // GPX uses WGS84 (EPSG:4326)
});
// Create a Blob with the GPX data
const blob = new Blob([gpxString], { type: 'application/gpx+xml' });
// Create a temporary link element for download
const link = document.createElement('a');
const url = URL.createObjectURL(blob);
link.href = url;
link.download = fileName;
// Programmatically trigger the download
document.body.appendChild(link);
link.click();
// Clean up
document.body.removeChild(link);
URL.revokeObjectURL(url);
}