原文链接及内容

原文链接：https://sandcastle.cesium.com/?src=ArcGIS%20MapServer.html&label=All

ArcGisBaseMapType.SATELLITE效果如下：

ArcGisBaseMapType.SATELLITE

ArcGisBaseMapType.HILLSHADE效果如下：

ArcGisBaseMapType.HILLSHADE

ArcGisBaseMapType.OCEANS效果如下：

ArcGisBaseMapType.OCEANS

示例代码如下：

1
2
3
4
5
6
7
8
9
<style>
  @import url(../templates/bucket.css);
  .cesium-performanceDisplay-defaultContainer {
    top: 10px;
  }
</style>
<div id="cesiumContainer" class="fullSize"></div>
<div id="loadingOverlay"><h1>数据加载中...</h1></div>
<div id="toolbar"></div>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
/**
 * 访问 ArcGIS Image Tile 服务时需提供 ArcGIS 访问令牌（Access Token）进行身份验证。
 * 要获取受保护的 ArcGIS 资源，您需在 https://developers.arcgis.com/ 创建开发者账号，并通过认证方法获取访问令牌。
 * 详见 https://developers.arcgis.com/documentation/mapping-apis-and-services/security
 */

// 访问令牌可以全局分配：
// Cesium.ArcGisMapService.defaultAccessToken = <token>;

const viewer = new Cesium.Viewer("cesiumContainer", {
  baseLayer: Cesium.ImageryLayer.fromProviderAsync(
    Cesium.ArcGisMapServerImageryProvider.fromBasemapType(
      /**
       * https://cesium.com/learn/cesiumjs/ref-doc/global.html#ArcGisBaseMapType
       * 有3种类型：ArcGisBaseMapType.SATELLITE、ArcGisBaseMapType.OCEANS、ArcGisBaseMapType.HILLSHADE
       */
      Cesium.ArcGisBaseMapType.SATELLITE
      // 其他支持的样式包括：
      // Cesium.ArcGisBaseMapType.HILLSHADE
      // Cesium.ArcGisBaseMapType.OCEANS
    )
  ),
  geocoder: false,
  sceneModePicker: false,
  homeButton: false,
  navigationHelpButton: false,
  baseLayerPicker: false,
  navigationInstructionsInitiallyVisible: false,
  animation: false,
  timeline: false,
  fullscreenButton: false,
  selectionIndicator: false,
  skyBox: false,
  shouldAnimate: true,
});

viewer.cesiumWidget.creditContainer.style.display = "none"; //隐藏版权信息
viewer.scene.debugShowFramesPerSecond = true; //添加帧速显示