Skip to content

Icon Marker Filters - #152

Closed
gjorgdy wants to merge 10 commits into
granny:v3from
gjorgdy:icon-color-filter
Closed

Icon Marker Filters#152
gjorgdy wants to merge 10 commits into
granny:v3from
gjorgdy:icon-color-filter

Conversation

@gjorgdy

@gjorgdy gjorgdy commented May 15, 2026

Copy link
Copy Markdown
Contributor

For a bit more control over the look of icon markers I have added a few 'filters' using some SCSS tricks.

  • Hue Rotation (0deg - 360deg) - change the color of the icon
  • Saturation (0% - 200%) - how much color the icon has
  • Opacity (0% - 100%) - how transparent the icon is

All of them have the same functions like the existing options of icon markers.
It should also be pretty easy to add more custom CSS attributes to this in the future.

built behind #151

@granny granny left a comment

Copy link
Copy Markdown
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I'm not sure how I feel about hardcoding css styles.. this would probably work fine, but what do you think about introducing a single String variable for inline css styling?

Comment thread core/src/main/java/net/pl3x/map/core/markers/marker/Icon.java Outdated
Comment thread build.gradle.kts Outdated
Comment thread webmap/src/scss/_filter.scss Outdated
@gjorgdy

gjorgdy commented May 21, 2026

Copy link
Copy Markdown
Contributor Author

but what do you think about introducing a single String variable for inline css styling?

As far as I understand Leaflet does not easily allow custom CSS, otherwise I would've done it that way. They only allow custom class names.

@gjorgdy
gjorgdy requested a review from granny May 21, 2026 09:52
@granny

granny commented Jun 14, 2026

Copy link
Copy Markdown
Owner

Closing based on discord convo in #pl3xmap-developers.

@granny granny closed this Jun 14, 2026
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.

2 participants