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

Question

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

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

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

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

Answer 1

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

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