Is it possible to use ESRI World Street Map on latest version of Cesium?

CesiumJS
1

I recently updated my CesiumViewer to 1.119. I noticed that it no longer provides the ESRI World Street Map as an option in the drop down menu . . .

image
image522×721 124 KB

I created a custom dropdown menu and tried to add that imagery provider back in but I get an error . . .

image
image578×566 67.3 KB

image
image908×660 62.9 KB

As an example, I can still run the old version of Cesium and I can still access this map type . . .

image
image1340×809 103 KB

2

Hi @tzgardner,

It still should be possible, but the API has changed slightly since older versions. Can you drop the code you used for the custom menu?

3

image
image804×21 2.19 KB

image
image903×652 22.8 KB

Text:

var mapType = “World_Street_Map (MapServer)”;

const viewer = new Cesium.Viewer(‘cesiumContainer’,
{
requestRenderMode : true,
maximumRenderTimeChange : Infinity,
showTimeOptions:false,
targetFrameRate: 30,
imageryProvider: new Cesium.ArcGisMapServerImageryProvider({url: mapType}),
animation: false,

  imageryProviderViewModels: [ 
       new Cesium.ProviderViewModel({
            name: "Open\u00adStreet\u00adMap",
            iconUrl: Cesium.buildModuleUrl("Widgets/Images/ImageryProviders/openStreetMap.png"),
            tooltip: "OpenStreetMap (OSM) http://www.openstreetmap.org",
            creationFunction: function() {
                return new Cesium.OpenStreetMapImageryProvider({ url: "https://tile.openstreetmap.org/"});
            }
       }),
       new Cesium.ProviderViewModel({
            name: "ESRI World Street Map",
            iconUrl: Cesium.buildModuleUrl("Widgets/Images/ImageryProviders/esriWorldStreetMap.png"),
            tooltip:"This worldwide street map presents highway-level data for the world.",
            creationFunction: function () {
                return new Cesium.ArcGisMapServerImageryProvider({ url: mapType});
            },
       }),
       new Cesium.ProviderViewModel({
            name: "Bing Maps Aerial",
            iconUrl: Cesium.buildModuleUrl("Widgets/Images/ImageryProviders/bingAerial.png"),
            tooltip: "Bing Maps aerial imagery, provided by Cesium ion",
            creationFunction: function () {
                return Cesium.createWorldImageryAsync({style: Cesium.IonWorldImageryStyle.AERIAL,});
            },
        })
       
  ]

}
);

4

Hi @tzgardner,

You’ll want to use ArcGisMapServerImageryProvider.fromUrl or ArcGisMapServerImageryProvider.fromBasemapType. For example:

       new Cesium.ProviderViewModel({
            name: "ESRI World Street Map",
            iconUrl: Cesium.buildModuleUrl("Widgets/Images/ImageryProviders/esriWorldStreetMap.png"),
            tooltip:"This worldwide street map presents highway-level data for the world.",
            creationFunction: function () {
                return Cesium.ArcGisMapServerImageryProvider.fromBasemapType(Cesium.ArcGisBaseMapType.SATELLITE)
            },
       }),

Note that some older ArcGIS map types have been deprecated by Esri, so they may not all still be available for use.

5

Curious what got depreciated between Cesium versions? Was it tile sizes? Is there any work around to be able to use the older format?

Just curious because I really liked that map layout of the ESRI Street Map. It contained just enough info to be helpful but wasn’t overrun by a lot of icons and labels like some of the newer ones.

6

The CesiumJS API changed, but functionality did not.

Esri, the service provider, is deprecating the map service. I’m not sure the reason, but there are likely similar base maps available from them which should still be usable in CesiumJS.