首先创建一个场景
window.viewer = viewer = new Cesium.Viewer("map", {
infoBox: false, // 关闭相机信息弹窗
});
获取图层列表
const layers = viewer.scene.imageryLayers;
在图层列表上添加一个图层,调用 WebMapTileServiceImageryProvider 方法加载第三方天地图
viewer.imageryLayers.remove(viewer.imageryLayers._layers[0]); // 删除场景默认底图
const url = 天地图地址 // 参考 "http://{s}.tianditu.gov.cn/img_w/wmts?service=wmts&request=GetTile&version=1.0.0&LAYER=img&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default&format=tiles&tk=";
const token = 天地图秘钥
const labelImagery = new window.Cesium.WebMapTileServiceImageryProvider({
url: url + token, // 地图api地址
layer: "img", // 请求的图层名称
style: "default", // 请求的样式名称
format: "tiles", // 从服务器检索的图像的类型
tileMatrixSetID: "w", // 用于 WMTS 请求的 TileMatrixSet 的标识符
subdomains: ["t0", "t1", "t2", "t3", "t4", "t5", "t6", "t7"], // 子域集合
credit: new window.Cesium.Credit("天地图影像"),
maximumLevel: 18, // 最大细节级别
});
layers.addImageryProvider(labelImagery); // 添加图层