brian/wanderer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

adds polyline simplyfication

Browse Source
This commit is contained in:
Christian Beutel
2025-08-23 14:28:00 +02:00
parent 47f431e18d
commit 1cc70c4e4b
7 changed files with 86 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
web/src/lib/components/trail/map_with_elevation_maplibre.svelte
View File

@@ -398,8 +398,21 @@
if (!geojson || !map || !map.style) {
return;
}
layerManager.addLayer("preview", new PreviewLayer(geojson));
layerManager.addLayer(
"preview",
new PreviewLayer(map, geojson, {
preview: {
onEnter: (e) => {
const trail = trails.find(t => t.id === (e as any).features[0].properties.trail)
if(!trail) return;
highlightCluster(trail)
},
onLeave: (e) => {
unHighlightCluster()
}
},
}),
);
}
function moveCrosshairToCursorPosition(e: M.MapMouseEvent) {

32
web/src/lib/vendor/maplibre-layer-manager/preview-layer.ts vendored
View File

@@ -1,11 +1,31 @@
import type { StyleSpecification } from "maplibre-gl";
import type { MapMouseEvent, StyleSpecification } from "maplibre-gl";
import type { BaseLayer } from "./layers";
import * as M from "maplibre-gl";
export class PreviewLayer implements BaseLayer {
spec: StyleSpecification;
private map: M.Map;
spec: StyleSpecification;
listeners: Record<string, { onMouseUp?: (e: MapMouseEvent) => void; onMouseDown?: (e: MapMouseEvent) => void; onEnter?: (e: MapMouseEvent) => void; onLeave?: (e: MapMouseEvent) => void; onMouseMove?: (e: MapMouseEvent) => void; }> = {
"preview": {
onEnter: () => this.map!.getCanvas().style.cursor = "pointer",
onLeave: () => this.map!.getCanvas().style.cursor = ""
},
"preview-start-points": {
onEnter: () => this.map!.getCanvas().style.cursor = "pointer",
onLeave: () => this.map!.getCanvas().style.cursor = ""
}
};
constructor(map: M.Map, geojson: GeoJSON.FeatureCollection, listeners?: Record<string, { onMouseUp?: (e: MapMouseEvent) => void; onMouseDown?: (e: MapMouseEvent) => void; onEnter?: (e: MapMouseEvent) => void; onLeave?: (e: MapMouseEvent) => void; onMouseMove?: (e: MapMouseEvent) => void; }>) {
this.map = map;
this.listeners = {
"preview": { ...this.listeners["preview"], ...listeners?.["preview"] },
"preview-start-points": { ...this.listeners["preview-start-points"], ...listeners?.["preview-start-points"] }
}
constructor(geojson: GeoJSON.FeatureCollection) {
const startPoints: GeoJSON.FeatureCollection = {
type: "FeatureCollection",
features: geojson.features.map((f, i) => ({
@@ -28,7 +48,7 @@ export class PreviewLayer implements BaseLayer {
type: "geojson",
data: geojson,
},
"preview-start-point": {
"preview-start-points": {
type: "geojson",
data: startPoints,
}
@@ -45,9 +65,9 @@ export class PreviewLayer implements BaseLayer {
},
},
{
id: "preview-start-point",
id: "preview-start-points",
type: "circle",
source: "preview-start-point",
source: "preview-start-points",
minzoom: 10,
paint: {
"circle-color": "#242734",