mapboxgl 添加id为中文的layer 出现layout.text-field: use of "text-field" requires a style "glyphs" property错误

在 Mapbox GL JS 中，如果要添加一个具有中文文本的图层，并且你使用了自定义字体，则需要设置样式的 `glyphs` 属性。这个属性用于指定 Mapbox GL JS 加载字体的资源。

以下是一个示例代码：

// 引入 Mapbox GL JS 库
import mapboxgl from 'mapbox-gl';

// 创建地图容器
const mapContainer = document.getElementById('map');

// 初始化地图
mapboxgl.accessToken = 'YOUR_ACCESS_TOKEN';
const map = new mapboxgl.Map({
  container: mapContainer,
  style: 'mapbox://styles/mapbox/streets-v11', // 设置地图样式，这里以 streets-v11 为例
  center: [lng, lat], // 设置地图中心点的经纬度
  zoom: 12 // 设置缩放级别
});

// 添加图层
map.on('load', () => {
  map.addLayer({
    id: 'my-layer',
    type: 'symbol',
    source: {
      type: 'geojson',
      data: {
        type: 'FeatureCollection',
        features: [{
          type: 'Feature',
          geometry: {
            type: 'Point',
            coordinates: [lng, lat]
          },
          properties: {
            title: '中文文本'
          }
        }]
      }
    },
    layout: {
      'text-field': '{title}',
      'text-size': 14,
      'text-font': ['Arial Unicode MS Regular'] // 设置自定义字体
    },
    glyphs: 'https://example.com/{fontstack}/{range}.pbf' // 设置字体资源路径
  });
});

在这个示例中，我们添加了一个 `symbol` 类型的图层，并设置了 `text-field` 来显示中文文本。同时，通过设置 `text-font` 为自定义字体，然后使用 `glyphs` 属性指定了字体资源的路径。

请将示例代码中的 `YOUR_ACCESS_TOKEN` 替换为你自己的 Mapbox access token，并根据需要修改其他的地图和图层属性。

需要注意的是，你需要提供一个符合 Mapbox GL JS 要求的字体资源，以确保正确显示中文文本。