Label stacking und collision-handling überarbeiten #91

New Issue

2025-07-23T23:18:45Z

PxlLoewe commented

2025-07-23 23:18:45 +00:00

(Migrated from github.com)

Label kürzen / Dynamische länge
Collision / Dynamische positionierung der Label überarbeiten

- [ ] Label kürzen / Dynamische länge - [ ] Collision / Dynamische positionierung der Label überarbeiten <img width="1600" height="1200" alt="Image" src="https://github.com/user-attachments/assets/a227b44d-fe3c-41bc-a6bb-7dadec84364e" />

nocnico commented

2025-07-24 11:37:08 +00:00

(Migrated from github.com)

Idee für Collision Handling:

Label in 4 Layers aufteilen, 1. b-r 2. t-l 3. b-l 4. t-r

Label haben ein max-w in px. Erstelle ein fiktives quadrat mit max-w um label herum inkl. Array mit Labels in dem Quadrat.
Wenn anderes Label in Quadrat, Label Layer + 1 + label count in Quadrat Array, add label to quadrat array.

Rerender bei Zoom Änderung

Idee für Clustering:

Wende oben genanntes Collision Handling an.

Clustered werden immer nur Helikopter und zugehörige Einsätze.
Passe Label Breite an Namen an, aber Stufenweise damit es noch Einheitlich aussieht.
Wenn Clustering, dann gesamtes Cluster in Breite des breitesten Labels.

Rerender bei Zoom Änderung

Option hinzufügen um immer nur den kurzen Rufnamen zu sehen, um User mit kleinen Bildschirmen einen gefallen zu tuhen.

**_Idee für Collision Handling:_** Label in 4 Layers aufteilen, 1. b-r 2. t-l 3. b-l 4. t-r Label haben ein max-w in px. Erstelle ein fiktives quadrat mit max-w um label herum inkl. Array mit Labels in dem Quadrat. Wenn anderes Label in Quadrat, Label Layer + 1 + label count in Quadrat Array, add label to quadrat array. _Rerender bei Zoom Änderung_ **_Idee für Clustering:_** Wende oben genanntes Collision Handling an. Clustered werden immer nur Helikopter und zugehörige Einsätze. Passe Label Breite an Namen an, aber Stufenweise damit es noch Einheitlich aussieht. Wenn Clustering, dann gesamtes Cluster in Breite des breitesten Labels. _Rerender bei Zoom Änderung_ Option hinzufügen um immer nur den kurzen Rufnamen zu sehen, um User mit kleinen Bildschirmen einen gefallen zu tuhen.

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: PxlLoewe/var-monorepo#91