search

pinballmap / pbm-react

PBM React Native: iOS & Android Apps
https://pinballmap.com/app
GNU General Public License v3.0
31 stars 9 forks source link

Better management of overlapping marker labels #540

Open RyanTG opened 4 months ago

RyanTG commented 4 months ago

Currently our markers have text within them that show the number of machines. Then, when zoomed at certain levels, there are also offset radial text labels with the venue name. The number labels can overlap (never hide markers); the floating labels do not overlap each other.

The floating labels, since they are a different symbolLayer than the number labels, do overlap the number labels. I would like the floating labels to not display unless they do not overlap a number label (or are dynamically offset).

How to achieve this!!!

RyanTG commented 4 months ago

Potential: https://github.com/maplibre/maplibre-gl-js/issues/249#issuecomment-918321660

(intentionally not linking to it)

Perhaps changing the order of the symbollayers will help.

I’ll edit this comment if I find anything more.