《Cesium 进阶知识点》- Cesium 调用山东天地图

AvatarGiser

已于 2024-11-26 11:52:19 修改

阅读量447

点赞数 4

分类专栏： Cesium 进阶知识点文章标签：前端 Cesium

于 2024-09-25 11:50:43 首次发布

本文链接：https://blog.csdn.net/sinat_31213021/article/details/142519358

版权

Cesium 进阶知识点专栏收录该内容

11 篇文章

订阅专栏

前言

收到需求要调山东天地图，不同于全球天地图！！！

申请 token

要想调山东天地图，必须有 token！！！

步骤 1

进入天地图-山东省地理信息公共平台，注册/登录。注册/登录不在此赘述…

步骤 2

点击右上角 开发资源 链接。

在这里插入图片描述

步骤 3

进入 开发资源 界面。点击底部 成为开发者 按钮。进入申请界面，填写信息。也可参考 详细说明 文档填写。

在这里插入图片描述

步骤 4

申请成功后，点击上图的 成为开发者 按钮，就直接进入下图页面；
点击右上角 +创建新应用 ，打开 创建应用 对话框；
应用名称 和 成为开发者 按钮自填。应用类型 我选择 浏览器端；
最后点击提交按钮；

在这里插入图片描述

步骤 5

字段 Key名称，就是你成功申请的 token ；

在这里插入图片描述

Cesium 调用

添加

代码第 4 行，最小级别必须是从 1 开始；

const url = 'https://service.sdmap.gov.cn/tileservice/sdpubmap?tk={你的token}'

// 注意最小级别必须是从 1 开始
const minimumLevel = 1;
const maximumLevel = 20;
let tileMatrixLabels = []
for (let i = minimumLevel; i <= maximumLevel; i++) {
    tileMatrixLabels.push(i)
}
const imageryProvider = new Cesium.WebMapTileServiceImageryProvider({
    url,
    layer: 'SDPubMap',
    style: 'default',
    format: 'image/png',
    tileMatrixSetID: 'default028mm',
    tileMatrixLabels,
    minimumLevel,
    maximumLevel,
    tilingScheme: new Cesium.GeographicTilingScheme(),
});
const tdtLayer = viewer.imageryLayers.addImageryProvider(imageryProvider);

效果如图

在这里插入图片描述

移除

viewer.imageryLayers.remove(tdtLayer)

透明度设置

透明度的值在 0 - 1，如图设置为 0.5 效果。

tdtLayer.alpha = 0.5;

在这里插入图片描述

显示/隐藏

// 隐藏
tdtLayer.show = false;

// 显示
tdtLayer.show = true;