Sprite Sources
Given a directory with SVG images, Martin will generate a sprite – a JSON index and a PNG image, for both low and highresolution displays.
The SVG filenames without extension will be used as the sprites’ image IDs (remember that one sprite and thus sprite_id
contains multiple images).
The images are searched recursively in the given directory, so subdirectory names will be used as prefixes for the image IDs.
For example icons/bicycle.svg
will be available as icons/bicycle
sprite image.
The sprite generation is not yet cached, and may require external reverse proxy or CDN for faster operation. If you would like to improve this, please drop us a pull request.
API
Martin uses MapLibre sprites API specification to serve sprites via several endpoints. The sprite image and index are generated on the fly, so if the sprite directory is updated, the changes will be reflected immediately.
You can use the /catalog
api to see all the <sprite_id>
s with their contained sprites.
Sprite PNG
GET /sprite/<sprite_id>.png
endpoint contains a single PNG sprite image that combines all sources images.
Additionally, there is a high DPI version available at GET /sprite/<sprite_id>@2x.png
.
Sprite index
/sprite/<sprite_id>.json
metadata index describing the position and size of each image inside the sprite. Just like
the PNG, there is a high DPI version available at /sprite/<sprite_id>@2x.json
.
{
"bicycle": {
"height": 15,
"pixelRatio": 1,
"width": 15,
"x": 20,
"y": 16
},
...
}
Coloring at runtime via Signed Distance Fields (SDFs)
If you want to set the color of a sprite at runtime, you will need use the Signed Distance Fields (SDFs)-endpoints.
For example, maplibre does support the image being modified via the icon-color
and icon-halo-color
properties if using SDFs.
SDFs have the significant downside of only allowing one color. If you want multiple colors, you will need to layer icons on top of each other.
The following APIs are available:
/sdf_sprite/<sprite_id>.json
for getting a sprite index as SDF and/sdf_sprite/<sprite_id>.png
for getting sprite PNGs as SDF
Combining Multiple Sprites
Multiple sprite_id
values can be combined into one sprite with the same pattern as for tile
joining: /sprite/<sprite_id1>,<sprite_id2>,...,<sprite_idN>
. No ID renaming is done, so identical sprite names will
override one another.
Configuring from CLI
A sprite directory can be configured from the CLI with the --sprite
flag. The flag can be used multiple times to
configure multiple sprite directories. The sprite_id
of the sprite will be the name of the directory – in the example below,
the sprites will be available at /sprite/sprite_a
and /sprite/sprite_b
. Use --save-config
to save the
configuration to the config file.
martin --sprite /path/to/sprite_a --sprite /path/to/other/sprite_b
Configuring with Config File
A sprite directory can be configured from the config file with the sprite
key, similar to
how MBTiles and PMTiles are configured.
# Sprite configuration
sprites:
paths:
# all SVG files in this directory will be published under the sprite_id "my_images"
- /path/to/my_images
sources:
# SVG images in this directory will be published under the sprite_id "my_sprites"
my_sprites: /path/to/some_dir
The sprites are now avaliable at /sprite/my_images,some_dir.png
/ …