maplibre-local-glyphs v1.0.0

maplibre-local-glyphs

Custom protocol for creating all glyphs locally in the browser without any changes to maplibre

In Maplibre

import maplibregl from "maplibre-gl";
import glyphs from "./protocol-glyphs.js";
maplibregl.addProtocol("glyphs", glyphs);

// Load map as usual

in your style:

glyphs: "glyphs://{fontstack}/{range}",

Done! Simple as that.

Dependencies

Make sure your project has access to pbf and tiny-sdf.

npm install pbf
npm install @mapbox/tiny-sdf

Known issues

For some reason the letter j is rendered a bit to tight by tiny-sdf, this can be solved by modifying tiny-sdf. This is solved by patch-package on installation.