mapbox-gl 加地名显示

如果你想在 Mapbox GL 中显示地名，你可以使用 Mapbox 的地名服务，将地名作为矢量瓦片添加到地图中。

首先，在 Mapbox 中创建一个账户，并创建一个地名数据源。然后，使用 Mapbox Studio 创建一个新的地图样式并添加该数据源。

接下来，在你的 Mapbox GL 应用程序中，使用 Mapbox GL JS 的样式层定义语言（style layer definition language）创建一个新的图层，并将新的地名数据源添加到该图层中。

最后，使用 Mapbox GL JS 的标注添加器（Annotation Additions）添加标注样式，以便在地图上显示地名。

下面是一个使用 Mapbox GL JS 在地图上显示地名的示例代码：

map.on('load', function() {
  // Add a new data source to the map
  map.addSource('placenames', {
    type: 'vector',
    url: 'mapbox://mapbox.mapbox-streets-v8'
  });

  // Add a new style layer to the map
  map.addLayer({
    id: 'placenames',
    type: 'symbol',
    source: 'placenames',
    'source-layer': 'place_label',
    layout: {
      'text-field': '{name_en}',
      'text-size': 12
    }
  });
});

在这个示例中，我们将 Mapbox 的默认地图矢量瓦片作为数据源，并从 `place_label` 图层中添加地名。我们使用 `text-field` 属性定义地名的名称，并使用 `text-size` 属性定义文本大小。

请注意，此示例中的地名数据源和图层是 Mapbox 默认提供的，你也可以使用自己的地名数据源和图层。