Cesium加载天地图

项目地址

https://github.com/zhengjie9510/webgis-demo

实现效果

实现方法

采用WebMapTileServiceImageryProvider加载影像。

const viewer = new Cesium.Viewer('cesiumContainer', {
	imageryProvider: new Cesium.WebMapTileServiceImageryProvider({
		url: "http://t0.tianditu.gov.cn/vec_w/wmts?tk=" + key,
		layer: "vec",
		style: "default",
		tileMatrixSetID: "w",
		format: "tiles",
		maximumLevel: 18,
	})
})
if (Cesium.FeatureDetection.supportsImageRenderingPixelated()) {
	//判断是否支持图像渲染像素化处理
	viewer.resolutionScale = window.devicePixelRatio
}
viewer.scene.postProcessStages.fxaa.enabled = true

// 暗色系
// viewer.imageryLayers.get(0).hue = 3
// viewer.imageryLayers.get(0).contrast = -1.2
viewer.imageryLayers.addImageryProvider(new Cesium.WebMapTileServiceImageryProvider({
	url: "http://t{s}.tianditu.gov.cn/ibo_w/wmts?tk=" + key,
	layer: "ibo",
	style: "default",
	tileMatrixSetID: "w",
	format: "tiles",
	maximumLevel: 18,
	subdomains: ['0', '1', '2', '3', '4', '5', '6', '7']
}))
viewer.imageryLayers.addImageryProvider(new Cesium.WebMapTileServiceImageryProvider({
	url: "http://t0.tianditu.gov.cn/cva_w/wmts?tk=" + key,
	layer: "cva",
	style: "default",
	tileMatrixSetID: "w",
	format: "tiles",
	maximumLevel: 18
}))