mapbox - 创建自定义字形和 Sprite 以与 mapbox 一起使用

Question

我想自托管我的矢量 map 。我正在使用一些自定义字体和一些自定义图标。

当我在 Mapbox Studio 中创建一个样式并稍后导出时，我的样式文件中将包含以下两行:

"sprite": "mapbox://sprites/<user>/<token>/<token>",
"glyphs": "mapbox://fonts/<user>/{fontstack}/{range}.pbf",

我现在的问题是如何自己创建这些文件？我有一个文件夹，其中包含我的 .svg和我的 .ttf文件。但是我现在如何让它们变成我需要的格式？

我试过 https://github.com/openmaptiles/fonts对于字形部分，但无法运行。然后我找到了 https://github.com/mapbox/glyph-pbf-composite但不明白它应该如何工作。

Answer 1

简单的方法是:

将 svgs 和字体添加到 MapBox 样式中

在浏览器中打开测试 map

使用浏览器的开发工具检查网络调用。查找获取 Sprite 和字形文件的调用

在新的浏览器选项卡中打开这些 URL 并保存下载的文件

否则，如果您想在不使用 MapBox Studio 的情况下生成文件:
您将在 https://openmaptiles.org/docs/style/mapbox-gl-style-spec/ 的说明中使用两个实用程序作为大纲。
Sprite 文件生成 :SpriteZero CLI - https://github.com/mapbox/spritezero-cli
字形文件生成 : genfontgl - https://github.com/openmaptiles/genfontgl
最后，在定义文件路径时，即使您不使用符号，您仍然需要字形路径中的标记。所以像

"glyphs": "/data/myfonts.pbf?{fontstack}{range}",