WMTS WebMapTileService imageryProvider is not working

CesiumJS
1

This Sandcastle based on a WebMapTileServiceImageryProvider imageryProvider is actually not working.

Here’s the code:

const viewer = new Cesium.Viewer("cesiumContainer", {
  imageryProvider: ({
    cesiumType: 'WebMapTileServiceImageryProvider',
    url : 'http://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 Cesium.Credit('U. S. Geological Survey')
  }),
  terrainProvider: new Cesium.ArcGISTiledElevationTerrainProvider({
    url:
      "https://elevation3d.arcgis.com/arcgis/rest/services/WorldElevation3D/Terrain3D/ImageServer",
  }),
});

I’m wondering what is wrong with it?
Thanks.

2

Hi @swiss_knight ,
Thanks for your post and for being part of the Cesium community.

We very much appreciate you reporting the potential issue you saw in our documentation!

First it looks like you are using some outdated API code for the Cesium.Viewer class. options.imageryProvider was depreciated in favor of options.baseLayer. https://github.com/CesiumGS/cesium/blob/main/CHANGES.md#deprecated-hourglass_flowing_sand-9

I believe the code samples in the docs are up to date reflecting the current API WebMapTileServiceImageryProvider - Cesium Documentation so if you plug them into sandcastle they are supposed to work. However it looks like there is a requirement to call the basemap.nationalmap.gov urls with https. So you will need to update the url. I made an issue in Cesium for us to update the docs to reflect this Docs should call `basemap.nationalmap.gov` urls with https · Issue #12375 · CesiumGS/cesium · GitHub.

The following works for me in sandcastle

const viewer = new Cesium.Viewer("cesiumContainer", {
  infoBox: false,
  selectionIndicator: false
});

const shadedRelief1 = new Cesium.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 Cesium.Credit('U. S. Geological Survey')
});
viewer.imageryLayers.addImageryProvider(shadedRelief1);

Please let us know if you this works for you or if you see more potential problems.
Best,
Luke