openlayers - Openlayers でラスター ピクセル値からマーカーを作成する

Question

Openlayers の最新バージョンでこのコードを使用して、XYZ レイヤーからラスターを作成しています。

const source = new XYZ({
  url: "https://gibs-{a-c}.earthdata.nasa.gov/wmts/epsg4326/best/" +
    "GHRSST_L4_AVHRR-OI_Sea_Surface_Temperature/default/2020-04-02/" +
    "2km/{z}/{y}/{x}.png",
  crossOrigin: "",
});


const raster = new RasterSource({
  sources: [source],
  operation: function (pixels, data) {
    var pixel = pixels[0]; 
    if (pixel[0] === 45 && pixel[1] === 0 && pixel[2] === 28) {

      pixel[0] = 255;
      pixel[1] = 255;
      pixel[2] = 0;
    }

    return pixel;
  }
});

特定のピクセルの色を黄色に変更します。私がやりたいことは、これらの特定のピクセル値にマーカーを配置することです。画像を見ると、これらの黄色のピクセルの中心にマーカー (おそらく小さな円) を配置したいと思います。これらのピクセルの座標さえ取得できませんでした。

手伝ってくれませんか？