mapbox 同一图层各标注使用不同字体。并举例说明。

Mapbox 是一款强大的地图开发平台，其中允许用户自定义地图样式，包括文本（如标注）的字体。要在同一图层上使用不同的字体，你需要在 Mapbox GL JS 或其对应的 Style Specification 中设置 `text-font` 属性。

例如，在 JSON 样式文件中，你可以这样配置：

{
  "layers": [
    {
      "id": "markers",
      "type": "symbol",
      "sources": ...,
      "paint": {
        "text-color": "#ffffff", // 文本颜色
        "text-size": 16, // 文字大小
        "text-field": "{name}", // 要显示的文字字段
        "text-halo-width": 2, // 文字描边宽度

        // 设置两个不同的字体
        "text-font": ["Arial", "Courier New"],
        
        // 使用一个条件表达式选择字体
        "text-font": ["${type === 'urgent'} ? 'Arial Bold' : 'Arial', 'Helvetica'],
        // 这里，如果标注类型为 'urgent'，将使用粗体 Arial 字体，否则使用 Arial 和 Helvetica 的默认组合
      }
    }
  ]
}

在这个例子中，`markers` 图层会根据 `type` 属性的值动态地应用不同的字体。如果 `type` 是 `'urgent'`，则会使用 `Arial Bold`，否则使用默认的 `Arial` 和 `Helvetica` 字体。