Uso MapBox-GL-JS para mostrar marcadores en el mapa. En mi componente, tengo accesorios para marcadores, que son iguales (visuales), pero con un número diferente (centro del ícono del marcador). ¿Es posible generar el mismo ícono con un número diferente para mostrar todos los marcadores? ¿Y cómo puede seleccionar el icono correcto depender del marcador? Sé que puedo usar Marker (fuera del lienzo de mapBox) pero hay un problema de rendimiento.

 <Map style="mapbox://styles/mapbox/streets-v8" zoom={[8]} containerStyle={{ height: '100vh', width: '100vw' }} onStyleLoad={this.onMapLoad} center={[this.props.markers[0].position!.lat, this.props.markers[0].position!.lng]} > <Layer type="symbol" id="marker" layout={{ "icon-image": "marker-11", "icon-allow-overlap": true }}> {this.props.markers.map((marker) => { return marker.position ? <Feature coordinates={[marker.position.lat,marker.position.lng]} /> : <div>x</div> })} </Layer> </Map>