LayerSelector: level 20

example.js

require([
    'esri/map',
    'esri/layers/WebTiledLayer',
    'esri/layers/TileInfo',
    'esri/geometry/Extent',
    
    'dojo/on',
    'dojo/dom'
], function (
    Map,
    WebTiledLayer,
    TileInfo,
    Extent,
     
    on,
    dom
    ) {
    var tilesize = 256;
    var earthCircumference = 40075016.685568;
    var halfEarthCircumference = halfEarthCircumference * 0.5;
    var inchesPerMeter =  39.37;
    var initialResolution = earthCircumference / tilesize;
    var lods = [];
    for (var zoom = 0; zoom <= 20; zoom++) {
        var resolution = initialResolution / Math.pow( 2, zoom );
        var scale = resolution * 96 * inchesPerMeter;
        lods.push({
            level: zoom,
            scale: scale,
            resolution: resolution
        });
    }
    map = new Map('mapDiv', {
        extent: new Extent({
            xmax: -12010849.397533866,
            xmin: -12898741.918094235,
            ymax: 5224652.298632992,
            ymin: 4422369.249751998,
            spatialReference: {
                wkid: 3857
            }
        })
    });
    googleLyr = new WebTiledLayer('https://discover.agrc.utah.gov/login/path/<your-quad-word-here>/tiles/utah/${level}/${col}/${row}', {
        tileInfo: new TileInfo({
            dpi: 96,
            rows: 256,
            cols: 256,
            origin: {
                x: -20037508.342787,
                y: 20037508.342787
            },
            spatialReference: {
                wkid: 3857
            },
            lods: lods
        })
    });
    map.addLayer(googleLyr);
});