adam/aprsNotifyJS
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

map: separate out station paths into separate layers

Browse Source
This commit is contained in:
Adam Goldsmith 2018-08-05 00:10:22 +01:00
parent 8220194c29
commit bd14d1fa56
1 changed files with 33 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

73
src/map.js
View File

@ -43,52 +43,45 @@ class ColorGenerator {
} }
}; };
function pathStyle(feature) { function transformGeometry(geometry) {
let styles = [ return geometry.transform(new Projection({code: "EPSG:4326"}),
new Style({stroke: new Stroke( tile_layer.getSource().getProjection());
{color: 'hsl(' + feature.getProperties().hue + ', 75%, 50%)', width: 2}
)})
];
return styles;
} }
let colorGen;
function plotPaths(packets) { function plotPaths(packets) {
let vector_layer = new VectorLayer({ let path_layers = new LayerGroup({title: "Station Paths"});
title: "Station Paths", map.addLayer(path_layers);
source: new VectorSource(),
style: pathStyle
});
map.addLayer(vector_layer);
packets let paths = packets
.filter(packet => packet.date > new Date("2018-07-14") && packet.date < new Date("2018-07-15")) .filter(packet => packet.date > new Date("2018-07-14") && packet.date < new Date("2018-07-15"))
// filter by callsign // filter to just positional data
.filter(packet => (packet.from !== undefined) && .filter(packet => 'data' in packet && 'latitude' in packet.data)
(packet.from.toString() === "W1HS-9")) // join into Arrays of points
// filter to just positional data .reduce((acc, packet) => {
.filter(packet => 'data' in packet && 'latitude' in packet.data) if (!acc.has(packet.from.toString())) acc.set(packet.from.toString(), []);
// join into Arrays of points acc.get(packet.from.toString()).push([packet.data.longitude,
.reduce((acc, packet) => { packet.data.latitude]);
if (!acc.has(packet.from.toString())) acc.set(packet.from.toString(), []); return acc;
acc.get(packet.from.toString()).push([packet.data.longitude, }, new Map());
packet.data.latitude]);
return acc;
}, new Map())
// plot on map
.forEach((points, callsign, map) => {
colorGen = colorGen || new ColorGenerator(map.size);
let pathFeature = new Feature({
geometry: new LineString(points),
hue: colorGen.get()
});
vector_layer.getSource().addFeature(pathFeature); let colorGen = new ColorGenerator(paths.size);
pathFeature.getGeometry().transform(new Projection({code: "EPSG:4326"}),
tile_layer.getSource().getProjection()); // plot on map
paths.forEach((points, callsign) => {
let path_layer = new VectorLayer({
title: callsign,
source: new VectorSource({features: [
new Feature({
geometry: transformGeometry(new LineString(points))
})
]}),
style: new Style({
stroke: new Stroke(
{color: 'hsl(' + colorGen.get() + ', 75%, 50%)', width: 2}
)})
}); });
path_layers.getLayers().push(path_layer);
});
} }
function plotPacketPaths(packets) { function plotPacketPaths(packets) {