console
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<script src="https://cesium.com/downloads/cesiumjs/releases/1.77/Build/Cesium/Cesium.js"></script>
<link href="https://cesium.com/downloads/cesiumjs/releases/1.77/Build/Cesium/Widgets/widgets.css" rel="stylesheet">
<style>
html,body,
#cesiumContainer{
width: 100%;
height: 100%;
padding: 0%;
margin: 0%;
}
</style>
</head>
<body>
<div id="cesiumContainer"></div>
<script>
Cesium.Ion.defaultAccessToken = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiJkNTIzYmRiMi1hNmIyLTRhNjEtYmEyYi0wYmJlY2Q5MjhkMzEiLCJpZCI6NDEyODEsImlhdCI6MTYwOTkzMDM0M30.Zc_xki4U6vm5GYrDLkCXR842JXhmN6_hzO2huUbEI_I';
const viewer = new Cesium.Viewer('cesiumContainer', {
terrainProvider: new Cesium.EllipsoidTerrainProvider({}),
});
viewer.camera.flyTo({
destination: Cesium.Cartesian3.fromDegrees(106.6, 26.6, 800000.0),
});
let Img = new Cesium.WebMapTileServiceImageryProvider({
url: "http://t0.tianditu.gov.cn/img_w/wmts?tk=d6d336cb92553dc6ca7b1c8fcbc21a0c",
layer: "img",
style: "default",
tileMatrixSetID: "w",
format: "tiles",
maximumLevel:18
});
viewer.imageryLayers.addImageryProvider(Img);
let rrr= new Cesium.ArcGisMapServerImageryProvider({
url : 'https://58.42.237.175:6443/geoscene/rest/services/dem/GZ_DEM_RED_16M_S/MapServer',
enablePickFeatures : true,
crossOrigin : 'anonymous'
})
viewer.imageryProvider.addImageryProvider(rrr)
</script>
</body>
</html>