How to use arcgis rest server with TileMapServiceImageryProvider?

CesiumJS
1

Hi, I want to learn the logic of TileMapServiceImageryProvider. Therefore I want to use TileMapServiceImageryProvider with https://services.arcgisonline.com/arcgis/rest/services/World_Imagery/MapServer/tile.
But I am getting output like this:
https://i.ibb.co/nDLTJVN/20220811-125405-2.jpg
How can I get these two working properly?

2

In the future please provide some indication of what you have tried. In the example below, I used WebMapTileServiceImageryProvider.

const viewer = new Cesium.Viewer("cesiumContainer",);
const provider = new Cesium.WebMapTileServiceImageryProvider({
  url:
    "https://services.arcgisonline.com/arcgis/rest/services/World_Imagery/MapServer/WMTS/tile/1.0.0/World_Imagery/{Style}/{TileMatrixSet}/{TileMatrix}/{TileRow}/{TileCol}.jpg",
  layer: "World_Imagery",
  style: "default",
  tileMatrixSetID: "default028mm",
  format: "image/jpeg",
  credit: "Source: Esri, Maxar, Earthstar Geographics, and the GIS User Community",
});
const imageryLayers = viewer.imageryLayers;
imageryLayers.addImageryProvider(provider);

Hope that helps.
Scott