console
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=, initial-scale=">
<meta http-equiv="X-UA-Compatible" content="">
<title>arcgis-static-tile-test</title>
<script src="https://cesium.com/downloads/cesiumjs/releases/1.85/Build/Cesium/Cesium.js">
</script>
<link href="https://cesium.com/downloads/cesiumjs/releases/1.85/Build/Cesium/Widgets/widgets.css" rel="stylesheet">
<style>
#cesiumContainer{
height: 500px;
width: 500px;
}
</style>
</head>
<body>
<div id="cesiumContainer"></div>
<script>
const viewer = new Cesium.Viewer('cesiumContainer', {
timeline: false,
animation: false,
homeButton: false,
geocoder: false,
navigationHelpButton: false,
sceneModePicker: false,
baseLayerPicker: false,
});
viewer.imageryLayers.removeAll()
viewer._cesiumWidget._creditContainer.style.display = "none";
function formatNumberLength(num = 0, radix = 10, length = 0){
let str = num.toString(radix)
if (length === 0) {
return str
}
while (str.length < length) {
str = '0' + str
}
return str
}
viewer.imageryLayers.addImageryProvider(
new Cesium.UrlTemplateImageryProvider({
url: 'http://localhost:8888/EarthG11/图层/_alllayers/{zz}/{yy}/{xx}.jpg',
rectangle: Cesium.Rectangle.fromDegrees(-180, -90, 180, 90),
minimumLevel: 0,
maximumLevel: 8,
tilingScheme: new Cesium.GeographicTilingScheme(),
customTags: {
xx: (imageryProvider, x, y, level) => {
const xx = 'C' + formatNumberLength(x, 16, 8)
return xx
},
yy: (imageryProvider, x, y, level) => {
const yy = 'R' + formatNumberLength(y, 16, 8)
return yy
},
zz: (imageryProvider, x, y, level) => {
const zz = 'L' + formatNumberLength(level, 10, 2)
return zz
},
},
})
)
</script>
</body>
</html>