SuperMap iClient3D for WebGL 添加天地图底图

首先创建一个场景

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); // 添加图层

你可能感兴趣的:(javascript)