css - 为 MapboxGl 标记使用自定义字体和重新着色

Question

是否可以使用 Foundation Icon Fonts 或 Font Awesome 图标作为 MapboxGL map 上的标记，基本上像嵌入 HTML 一样

"<i class="fi-marker"></i>" 

进入“marker-symbol”字段？另外，在这种情况下是否有用于更改标记颜色的“图标颜色”或“标记颜色”字段？这将使自定义标记的颜色变得非常容易。

对于 mapboxgl 自己的标记符号，我找不到自定义颜色的方法，我见过“default_marker”(蓝色)和“secondary_marker”(红色)，但我想使用更多颜色来区分某些地点。

Answer 1

目前无法在 GL map 上创建 HTML 标记。 map 是在 WebGL 中呈现的，没有简单的方法可以在 WebGL 中嵌入 HTML。

你 can use custom icons in symbol layers但它们不能像 icon-color 或 marker-color 一样重新着色。您需要提前生成所有彩色图像。