mapbox-gl 在球上加点

要在地球上添加点，您可以使用 Mapbox GL JS 的 `GeoJSON` 数据源和 `circle` 图层。

首先，您需要将点的经纬度坐标添加到一个 `GeoJSON` 对象中。例如，以下代码创建了一个包含一个点的 `GeoJSON` 对象：

var geojson = {
  type: 'FeatureCollection',
  features: [
    {
      type: 'Feature',
      geometry: {
        type: 'Point',
        coordinates: [lng, lat]
      }
    }
  ]
};

接下来，您需要将 `GeoJSON` 对象添加到 Mapbox GL JS 的地图中。以下代码使用 `map.addSource()` 方法将 `GeoJSON` 对象添加到地图中：

map.addSource('points', {
  type: 'geojson',
  data: geojson
});

然后，您可以使用 `map.addLayer()` 方法将 `circle` 图层添加到地图中，并使用 `points` 数据源定义该图层的数据源。以下代码添加了一个半径为 `20` 像素的圆圈图层：

map.addLayer({
  id: 'points',
  type: 'circle',
  source: 'points',
  paint: {
    'circle-radius': 20,
    'circle-color': '#007cbf'
  }
});

这样，您就可以在地球上添加一个圆圈表示的点了。