WebMapTileServiceImageryProvider

// Example 1. USGS shaded relief tiles (KVP)
const shadedRelief1 = new WebMapTileServiceImageryProvider({
    url : 'https://basemap.nationalmap.gov/arcgis/rest/services/USGSShadedReliefOnly/MapServer/WMTS',
    layer : 'USGSShadedReliefOnly',
    style : 'default',
    format : 'image/jpeg',
    tileMatrixSetID : 'default028mm',
    // tileMatrixLabels : ['default028mm:0', 'default028mm:1', 'default028mm:2' ...],
    maximumLevel: 19,
    credit : new Credit('U. S. Geological Survey')
});
viewer.imageryLayers.addImageryProvider(shadedRelief1);

// Example 2. USGS shaded relief tiles (RESTful)
const shadedRelief2 = new WebMapTileServiceImageryProvider({
    url : 'https://basemap.nationalmap.gov/arcgis/rest/services/USGSShadedReliefOnly/MapServer/WMTS/tile/1.0.0/USGSShadedReliefOnly/{Style}/{TileMatrixSet}/{TileMatrix}/{TileRow}/{TileCol}.jpg',
    layer : 'USGSShadedReliefOnly',
    style : 'default',
    format : 'image/jpeg',
    tileMatrixSetID : 'default028mm',
    maximumLevel: 19,
    credit : new Credit('U. S. Geological Survey')
});
viewer.imageryLayers.addImageryProvider(shadedRelief2);

// Example 3: NASA time dynamic snowpack data (RESTful)
// Define time intervals for the layer based on the capabilities XML
const times = TimeIntervalCollection.fromIso8601({
    iso8601: '2025-01-01/2025-09-01/P5D', // Use the valid interval(s) from the Dimension section
    dataCallback: function(interval, index) {
      // Return an object with the Time variable used in the URL template
      return {
          Time: JulianDate.toIso8601(interval.start, 0)
      };
  }
});
// Get the internal clock,  set desired start, stop, and multiplier
const clock = viewer.clock;
clock.startTime = JulianDate.fromIso8601('2025-01-01');
clock.currentTime = JulianDate.fromIso8601('2025-01-01');
clock.stopTime = JulianDate.fromIso8601('2025-09-01');
clock.clockRange = ClockRange.LOOP_STOP;
clock.multiplier = 1; // 1 day per second
clock.clockStep = ClockStep.SYSTEM_CLOCK_MULTIPLIER;

viewer.timeline.zoomTo(clock.startTime, clock.stopTime);

const weather = new WebMapTileServiceImageryProvider({
    url: 'https://gibs.earthdata.nasa.gov/wmts/epsg3857/best/AMSRU2_Snow_Water_Equivalent_5Day/default/{Time}/{TileMatrixSet}/{TileMatrix}/{TileRow}/{TileCol}.png',
    layer: 'AMSRU2_Snow_Water_Equivalent_5Day',
    style: 'default',
    tileMatrixSetID: 'GoogleMapsCompatible_Level6',
    format: 'image/png',
    clock: clock,
    times: times,
    credit: new Credit('NASA Global Imagery Browse Services for EOSDIS')
});
viewer.imageryLayers.addImageryProvider(weather);

// Example 4. Digital Earth AfricA waterbodies with GetFeatureInfo support (RESTful)
const waterbodies = new WebMapTileServiceImageryProvider({
   url: "https://geoserver.digitalearth.africa/geoserver/gwc/service/wmts/rest/{layer}/{style}/{TileMatrixSet}/{TileMatrix}/{TileRow}/{TileCol}?format={format}",
   layer: "waterbodies:DEAfrica_Waterbodies",
   style: "waterbodies:waterbodies_v0_0_4",
   tileMatrixSetID: "EPSG:3857",
   tileMatrixLabels: [
     "EPSG:3857:0",
     "EPSG:3857:1",
     "EPSG:3857:2",
     "EPSG:3857:3",
     "EPSG:3857:4",
     "EPSG:3857:5",
     "EPSG:3857:6",
     "EPSG:3857:7",
     "EPSG:3857:8",
     "EPSG:3857:9",
     "EPSG:3857:10",
     "EPSG:3857:11",
     "EPSG:3857:12",
     "EPSG:3857:13",
     "EPSG:3857:14",
     "EPSG:3857:15",
     "EPSG:3857:16",
     "EPSG:3857:17",
     "EPSG:3857:18",
     "EPSG:3857:19",
     "EPSG:3857:20",
     "EPSG:3857:21",
     "EPSG:3857:22",
     "EPSG:3857:23",
     "EPSG:3857:24",
     "EPSG:3857:25",
     "EPSG:3857:26",
     "EPSG:3857:27",
     "EPSG:3857:28",
     "EPSG:3857:29",
     "EPSG:3857:30",
   ],
   format: "image/png",
   enablePickFeatures: true,
   getFeatureInfoUrl: "https://geoserver.digitalearth.africa/geoserver/gwc/service/wmts/rest/{layer}/{style}/{TileMatrixSet}/{TileMatrix}/{TileRow}/{TileCol}/{j}/{i}?format={format}",
});

viewer.imageryLayers.addImageryProvider(waterbodies);