Skip to content

Create a sprite sheet for map resource pins#707

Merged
RNR1 merged 3 commits intodevelopfrom
use-map-pin-sprite
Feb 16, 2026
Merged

Create a sprite sheet for map resource pins#707
RNR1 merged 3 commits intodevelopfrom
use-map-pin-sprite

Conversation

@RNR1
Copy link
Contributor

@RNR1 RNR1 commented Feb 15, 2026

Pull Request

Change Summary

  • Create a single SVG sprite sheet file to combine all resource marker icons
  • Prefetch this sprite sheet at the index.html level so it's cached
  • Create an Icon component that accesses SVG symbols from a sprite sheet
  • Use the new Icon component in the ResourceMarker component to easily access the icons

Change Reason

There was too much complexity and performance issues for loading the map resource icons.
This approach results in fewer asset files, shorter load times, and no need to generate SVG components.

isActiveMarker ? 'active' : 'default'
}`;

const size = isActiveMarker ? 63 : 57;
Copy link
Member

Choose a reason for hiding this comment

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

maybe can make size 80 or 85 when active. This kinda makes my visual intuition satisfied.

@RNR1 RNR1 merged commit 29c3b5f into develop Feb 16, 2026
4 checks passed
@RNR1 RNR1 deleted the use-map-pin-sprite branch February 16, 2026 16:30
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