Skip to content

Add patterns to generated symbols and sprite#14

Draft
bkeepers wants to merge 2 commits intomainfrom
patterns
Draft

Add patterns to generated symbols and sprite#14
bkeepers wants to merge 2 commits intomainfrom
patterns

Conversation

@bkeepers
Copy link
Copy Markdown
Collaborator

@bkeepers bkeepers commented Nov 7, 2025

This adds patterns to the generated sprite.

Unfortunately the style spec does not have any mechanism for controlling the spacing of patterns (mapbox/mapbox-gl-js#4250). So the only solution right now is to pre-render the patterns with the desired spacing.

For linear patterns, this should only require expanding the SVG viewbox to add the spacing before rendering the sprite. For staggered patterns, this will require duplicating the symbol in the SVG with the stagger offset.

Many patterns also have min/max spacing. Using zoom expressions, it should be possible to use different images from the sprite at different zoom levels. For linear patterns, it should be possible to only include the symbol in the sprite once with the maximum spacing, and then add multiple entries in the sprite JSON with different spacing for each zoom. For staggered patterns, the SVG will need to be drawn at each zoom level, and the symbol will be duplicated in the sprite.

  • Linear patterns
  • Staggered patterns
  • min/max spacing

cc #12

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