I’ve been working on a module that makes it easier to include beautiful, interactive vector maps into any Hugo page and I thought it might be useful for others too!
hugo-maps provides a simple shortcode and uses MapLibre GL JS to render the maps. You can either use a commercial map server (e.g., Maptiler) or a self-hosted map server (e.g., Tileserver GL) to generate the vector map tiles.
Please feel free to reach out if you gave any questions!
Features:
-
High-quality interactive vector maps. -
Comes with lots of styles. You can also use your own custom style if you want. -
Glyphs for all included styles are included in the module. -
Support for custom markers.
Documentation & Examples:
Code:
Example:
