Creating markers from raster pixel values at Openlayers

Question

I am creating a raster from XYZ layer using this code:

const source = new XYZ({
  url: "https://gibs-{a-c}.earthdata.nasa.gov/wmts/epsg4326/best/" +