React-Map-GL: Как я могу увидеть значки, которые я могу использовать по умолчанию mapbox - спрайт карты?

У меня есть следующие геодезические точки, которые будут автобусами на карте:

  const features = buses.map((el) => ({
    type: 'Feature',
    geometry: {
      type: 'Point',
      coordinates: el.state.position.coordinates.map((coordinate) => +coordinate),
    },
    properties: {
      reg_number: el.reg_number,
      object_id: el.object_id,
      route: el.route,
      fuel: +el.state.fuel,
      speed: +el.state.speed,
    },

  }));
  return features;
}

и его слой выглядит следующим образом:

  id: 'Point-data',
  type: 'circle',
  paint: {
    'circle-color': {
      property: 'percentile',
      stops: [
        [10, "#ff0000"],
        [20, '#ff3300'],
        [30, "#ff6600"],
        [40, "#ff9100"],
        [50, '#ffd000'],
        [60, '#bbff00'],
        [70, '#b3ff00'],
        [80, '#91ff00'],
        [90, '#7bff00'],
        [100, '#1eff00']
      ],
    },
    'circle-radius': 7,
  },
};

вместо «круг» я хочу использовать тип «символ» и установить значок. Насколько я знаю, ему нужно имя из коллекции значков спрайтов в стиле карты. Мне не нужно прямо сейчас создавать собственный спрайт, я думаю, меня устроит значок автобуса по умолчанию, который наверняка имеет в спрайте темная карта mapbox, но я не знаю, как его найти. Где посмотреть список иконок и их названия спрайтов? и файлы png и json, из которых он состоит. пример спрайта из Uber Open Source


person Artem Vokov    schedule 15.03.2020    source источник


Ответы (1)


Остальным я хотел бы поделиться решением, которое нашел сам: я создал карту в https://studio.mapbox.com, а затем следуйте документации: https://docs.mapbox.com/api/maps/#sprites В частности:

curl "https://api.mapbox.com/styles/v1/{username}/{style_id(take it from the url of the map u created)}/sprite.{format(png or json)}?access_token=pk.eyJ1IjoiYXJ0dm9sY2hhcmEiLCJhIjoiY2s3bHJ2NjU4MGFjbDNtczJnam10aDU1aSJ9.oH_RWYjKfrKGC77m

Там я нашел значок автобуса. Я сделал слой символов, где я поместил имя значка в «изображение-значок». Я надеюсь, что это поможет кому-л.

person Artem Vokov    schedule 16.03.2020