Как получить координаты углов тайла

Вопрос по ymaps.Layer. В качестве первого параметра можно передать функцию, которая получает tileNumber: [x, y] и zoom, где x и y номера тайлов.

Как можно получить координаты углов этих тайлов? Я попробовал следующую математику, но похоже, что она не работает

const [x, y] = tileNumber;
// кол-во пикселей, по одному из измерений
const fullPix = Math.pow(2, (zoom + 8));
// кол-во тайлов
const tiles = Math.pow(2, zoom);
// размер тайла в px
const widthTile = fullPix / tiles;
// x1 и y1 - координаты в px верхнего-левого угла тайла
const x1 = x * widthTile;
const y1 = y * widthTile;
// x2 и y2 - координаты в px нижнего-правого угла тайла
const x2 = x1 + widthTile;
const y2 = y1 + widthTile;

// x1y1 - координаты проекции верхнего-левого угла тай
const x1y1 = projection.fromGlobalPixels(
  myMap.converter.pageToGlobal([x1, y1]), 
  zoom
);
// x2 и y2 - координаты в px нижнего-правого угла тайла
const x2y2 = projection.fromGlobalPixels(
  myMap.converter.pageToGlobal([x2, y2]), 
  zoom
);

Вот пример (https://jsfiddle.net/cLtg25e1/1/), который я реализовал, я ожидал, что карта зальется синими прямоугольниками и по мере скрола карты продолжит заливаться ими, но это не происходит. Вместо этого, прямоугольники в каких-то рандомных местах и их видно только на малом масштабе при отдалении