Skip to content

Feature/00605 adding compare#622

Open
helllth wants to merge 4 commits into
devfrom
feature/00605-adding-compare
Open

Feature/00605 adding compare#622
helllth wants to merge 4 commits into
devfrom
feature/00605-adding-compare

Conversation

@helllth
Copy link
Copy Markdown
Member

@helllth helllth commented Apr 22, 2026

deploy: ["ng-topicmap-playground"]

helllth added 4 commits April 22, 2026 10:33
CarmaMapCompare stacks 2+ panels with clip-path in side-by-side
(SwipeOverlay) and spyglass modes. Camera sync follows the
mapbox-gl-sync-move off/jump/on dance; the `move` listener
subscription happens inside handlePanelReady (not a useEffect)
to dodge StrictMode's child-before-parent effect ordering, which
otherwise let the parent detach the listeners children had just
attached.
…maps

SpyglassOverlay: the wide hit circle now has pointer-events: all, so
both the interior and the edge band are drag handles. Previously only
the 16 px edge band caught events; drags inside the ring passed
through to the overlay map, which made the Lupe feel awkward. Side
effect: click-through onto the overlay map inside the ring is gone;
restoring it would need a movement-threshold guard.

ComparePlayground: disable the Lupe option in the mode Segmented when
numPanels === 3 (it only makes sense with one base + one overlay),
and auto-switch an already-active spyglass mode back to sbs-h when
the user jumps to 3 Karten (also handles stale localStorage).
LibreMap.buildWMSTileUrl used to hardcode `styles=default` into every
WMS request. geoserver-cloud rejects that for cascaded layers with the
error "Unknown remote style default", since it forwards the style name
to the upstream and there is none called "default". WMS spec: empty
STYLES means "use the server's default style".

The helper now reads `styles` off the layer config, defaulting to
"default" so every existing caller's URL shape is unchanged. The one
layer that trips on it (trueOrtho2024Alternative in layerFactory's
namedLayers) now sets `styles: ""`.

Compare playground: Luftbild preset switched from R102 (maps.wuppertal.de)
to GIS-102 (geo.udsp.wuppertal.de) via the alternative key, renamed to
"Luftbildkarte 2024" since it's a composite, and a pure "True Ortho
2024" preset added alongside it.
Compare UX batch:
- 2x2 grid layout (side-by-side + exactly 4 maps). New gridSplit
  state holds column (x) and row (y) fractions independently; four
  inset clip-paths cover the quadrants; two SwipeOverlay instances
  render the column and row split lines.
- SwipeOverlay: dropped the circular grabber entirely; drag handle
  is now an invisible 16 px wide hit strip centered on the visible
  2 px divider line. Cursor flips to col-resize / row-resize on
  hover to keep the interaction discoverable.
- SpyglassOverlay: wheeling over the Lupe resizes the radius.
  deltaY * 0.3, clamped to [60, 400] to match the slider. New
  optional onRadiusChange prop on SpyglassOverlay, forwarded from
  CarmaMapCompare as onSpyglassRadiusChange.
- ComparePlayground: 4 Karten option, mode picker replaced by a
  "Gitter 2x2" static pill when numPanels === 4, sbs-v auto-switches
  to sbs-h on entering 4-panel mode, Lupe disabled for 3+ panels,
  True Ortho 2024 preset added, Luftbild renamed to Luftbildkarte
  2024, white bezel instead of #111, fourth PANEL_ACCENT color
  added.
@nx-cloud
Copy link
Copy Markdown

nx-cloud Bot commented Apr 22, 2026

View your CI Pipeline Execution ↗ for commit 7f70b51

Command Status Duration Result
nx run potenzialflaechen-online:build --configu... ✅ Succeeded 1m 57s View ↗
nx run lagis-desktop:build --configuration=prod... ✅ Succeeded 1m 1s View ↗
nx run belis-online:build --configuration=produ... ✅ Succeeded 1m 10s View ↗
nx run fnp-inspektor:build --configuration=prod... ✅ Succeeded 58s View ↗
nx run klimaorte:build --configuration=producti... ✅ Succeeded 2m 19s View ↗
nx run rainhazardmap-olpe:build --configuration... ✅ Succeeded 1m 12s View ↗
nx run luftmessstationen:build --configuration=... ✅ Succeeded 2m 17s View ↗
nx run floodingmap-wuppertal:build --configurat... ✅ Succeeded 1m 16s View ↗
Additional runs (38) ✅ Succeeded ... View ↗

☁️ Nx Cloud last updated this comment at 2026-04-22 08:54:34 UTC

@github-actions
Copy link
Copy Markdown

🚀 Deployed ng-topicmap-playground

Preview URL: https://cismet.github.io/carma-pr-deployments/622/ng-topicmap-playground/

Based on commit b548570

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant