louis/logbook2map
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

adds dots for navigation flights too

Browse source
This commit is contained in:
Louis 2024-04-19 13:32:17 +02:00
parent e48882bf49
commit 53afd1ee77
1 changed files with 78 additions and 29 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

107
index.html
View file

@ -82,7 +82,10 @@
function _updateMap(csvData, airportsData) {
const lines = csvData.split('\n');
const features = lines.map(line => {
const features_nav = new Array();
const features_local = new Array();
for(const line of lines) {
const [from, to] = line.split(',');
const fromAirport = airportsData[from];
@ -97,45 +100,80 @@
const toLatitude = parseFloat(toAirport.latitude);
// if from == to, draw a point
var geometry;
if(fromAirport == toAirport) {
geometry = {
type: 'Point',
coordinates: [fromLongitude, fromLatitude]
};
features_local.push( {
type: 'Feature',
properties: {
from,
to
},
geometry: {
type: 'Point',
coordinates: [fromLongitude, fromLatitude]
}
} );
}
else {
geometry = {
type: 'LineString',
coordinates: [
[fromLongitude, fromLatitude],
[toLongitude, toLatitude]
]
};
features_nav.push( {
type: 'Feature',
properties: {
from,
to
},
geometry: {
type: 'LineString',
coordinates: [
[fromLongitude, fromLatitude],
[toLongitude, toLatitude]
]
}
} );
// Add a point for each airport
features_nav.push( {
type: 'Feature',
properties: {
name: fromAirport.name
},
geometry: {
type: 'Point',
coordinates: [fromLongitude, fromLatitude]
}
} );
features_nav.push( {
type: 'Feature',
properties: {
name: toAirport.name
},
geometry: {
type: 'Point',
coordinates: [toLongitude, toLatitude]
}
} );
}
}
return {
type: 'Feature',
properties: {
from,
to
},
geometry: geometry
};
});
map.addSource('routes', {
map.addSource('nav', {
type: 'geojson',
data: {
type: 'FeatureCollection',
features
features: features_nav
}
});
map.addSource('local', {
type: 'geojson',
data: {
type: 'FeatureCollection',
features: features_local
}
});
map.addLayer({
id: 'routes',
id: 'nav_lines',
type: 'line',
source: 'routes',
source: 'nav',
layout: {
'line-join': 'round',
'line-cap': 'round'
@ -147,9 +185,20 @@
});
map.addLayer({
id: 'points',
id: 'nav_points',
type: 'circle',
source: 'routes',
source: 'nav',
paint: {
'circle-radius': 5,
'circle-color': '#ce42f5'
},
filter: ['==', '$type', 'Point']
});
map.addLayer({
id: 'local_points',
type: 'circle',
source: 'local',
paint: {
'circle-radius': 5,
'circle-color': '#f00'