mapbox中不同标注使用不同字体

在Mapbox GL JS库中，你可以通过自定义图标（custom icons）来实现不同标注使用不同的字体。Mapbox允许你在标记图标的样式上添加文本标签，并指定字体。以下是创建不同字体标注的基本步骤：

1. **定义图标样式**：
使用`icon-image`属性指定制作的SVG路径，作为基础图标。然后，在`text-field`下添加用于显示文本的字段，并设置`font-family`来指定字体。

{
  "type": "symbol",
  "id": "custom-marker",
  "source": ...,
  "layout": {
    "icon-image": "url('path/to/your/custom-icon.svg')",
    "text-field": ["[title]"],
    "text-font": ["Open Sans", "Arial", "sans-serif"], // 可以指定多个字体选项
    "text-size": 14, // 字体大小
    "text-anchor": "center" // 文本居中对齐
  }
}

2. **应用到数据**：
当你有标注数据时，将这个自定义图标样式链接到相应的特征（feature），例如：

L.mapbox.featureLayer({
  data: yourData,
  layout: {
    'marker-symbol': 'custom-marker'
  }
}).addTo(map);

这里，`marker-symbol`通常引用你之前定义的自定义图标ID。