Экспорт файла GPX из брошюры
Что я хочу сделать, так это позволить пользователям создавать файл GPX, выбирая некоторые функции GeoJson в Leaflet. Я делаю это путем создания нового слоя GeoJson для хранения выбранных объектов, а затем преобразования его в gpx с помощью плагина с именем togpx ( https://github.com/tyrasd/togpx). Теперь у меня есть файл gpx, но я не знаю, как разрешить пользователям скачивать его. Какие-либо предложения? Вот мой код:
var GPXfile;
var trails = new L.GeoJSON.AJAX('data/trasee.geojson', {
onEachFeature: function(feature, layer) {
layer.on({
click: function () {
var selectedGeojson = {
"type": "FeatureCollection",
"features": [
{
"type": "Feature",
"properties": {
"name": "Rocka Rolla"
},
"geometry": {
"type": "LineString",
"coordinates": feature.geometry.coordinates
}
}]
}
GPXfile = togpx(selectedGeojson);
}
})
}
}).addTo(map);
Может помочь JsFiddle: http://jsfiddle.net/pufanalexandru/20ara4qe/1/
1 ответ
Решение
Вы можете попробовать это...
Ссылка для запуска загрузки:
<a href="#" download="MyTracks.gpx" id="exportGPX">Export to file</a>
Некоторый JavaScript (вы должны включить JQuery):
$("#exportGPX").on('click', function (event) {
// prepare the string that is going to go into the href attribute
// data:mimetype;encoding,string
data = 'data:application/javascript;charset=utf-8,' + encodeURIComponent(gpxData);
// set attributes href and target in the <a> element (with id exportGPX)
$(this).attr({
'href': data,
'target': '_blank'
});
// let the click go through
});
Пример здесь: http://jsfiddle.net/FranceImage/vxe23py4/
Примечание: он работает с Chrome, но вы должны попробовать и другие браузеры.