supermap cesium-加载天地图DEM

原创已于 2024-04-02 17:13:37 修改 · 787 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端

于 2023-12-06 11:56:48 首次发布

本文介绍了如何在Cesium中通过TiandituTerrainProvider使用天地图服务加载DEM数据，展示了如何设置APItoken以实现地形数据的可视化。

var provider =new Cesium.TiandituTerrainProvider({
        token: "4a00a1dc5387b8ed8adba3374bd87e5e"//申请的天地图key
    })

    viewer.terrainProvider = provider;

参考文章：SuperMap GIS基础软件天地图服务Q&A_天地图对接-优快云博客 cesium-加载DEM数据(可拉伸)_天地图地形dem数据_孙霸天的博客-优快云博客

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Light_10

关注关注

3
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

【CesiumJS-2】自定义地图图层与加载地形服务

m0_56023096的博客

02-27

2239

【代码】【CesiumJS-2】自定义地图图层与加载地形服务。

【cesium-1】cesium地形、地图加载

WXG1011的博客

12-06

3645

cesium基础篇

参与评论您还未登录，请先登录后发表或查看评论

超图SuperMap-Cesium，地形图层，可以渲染一个或多个地形（地形可缓存DEM,TIN方式），webGL代码开发（2024-04-08）

hap1994的博客

04-08

1382

2、缓存文件类型DEM，DEM的地形sct可以加多个，按照先渲染的排在前面。备注：不能用生产场景的方式合并数据，要一个个直接导出就可以。1、缓存文件类型TIN格式，TIN的地形sct只能加一个。

Cesium+Vue3学习系列（2）---添加天地图影像、添加地形

热门推荐

足迹2017

05-05

1万+

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name=&q

cesium同时加载地形DEM和gltf数据

足迹2017

05-07

4647

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name=&q

【Cesium数据加载快车道】：专家传授加速底图和SuperMap服务数据加载的秘诀

首先介绍了Cesium与地图数据加载的基础知识，然后深入分析了加速Cesium底图加载的技术手段，包括关键性能因素、实践技巧和性能测试。接着，探讨了SuperMap服务在Cesium中的集成与优化，重点在于数据的高效加载和性能...

SuperMap iClient3D for WebGL 多源数据加载篇—常用汇总

CX_Chan的博客

06-13

2046

最近小编整理了SuperMap iClient3D for WebGL常见的多源数据加载方式和示例代码，供大家参考。本文章适用于稍微有基础的同学。

SuperMap iClient 天地图地图加载文件

03-06

SuperMap iClient 8 提供加载底图、地图的方式，这里提供加载天地图影像和矢量地图方式

SuperMap iClient3D for WebGL教程（S3MTilesLayer）- 显示优化设置

weixin_45646117的博客

08-11

1562

三维的加载效率以及显示效果一直以来都是大家关注的重点，本篇文章主要从显示精度，色彩，泛光等几个方面来探讨学习S3MTilesLayer里面的显示优化设置。

超图 iDesktop 加载天地图

SuperMap技术控

08-18

6866

超图 iDesktop 加载天地图桌面加载天地图流程1. 申请服务器端的 token2. 检测 url 可用性3. iDesktop/iDesktopX 二维地图加载天地图4. iDesktop/iDesktopX 三维天地图服务无法访问时的解决办法1. 天地图服务或者网络不稳定2. 换 token 和机器超图 WebGL 加载天地图 作者：jjz 最近由于天地图服务的一些改动和不稳定，导致很多客户在使用过程中出现服务无法加载的问题，本文这里对以上问题进行了总结，以 SuperMap iDeskto

supMap加载天地图

glgom的博客

06-19

2290

由于2019年1月1日起天地图API及服务接口调用都需要获得开发授权，所以必须得先在“国家地理信息公共服务平台”（https://www.tianditu.gov.cn）申请一个key才可以使用。下面是通过超图的SuperMap来创建示例： //如果不知道请求参数的值是什么，可以通过平台中的示例，然后F12控制台来查看请求的参数 tiandituLayer = new SuperMap.L...

SuperMap iserver上传天地图地形数据并通过SuperMap for Cesium加载

follow12138的博客

07-17

2005

进入点击链接后的页面，点击datas，再点击生产缓存文件的文件名，顶部URL地址就是我们代码中需要的iServer上发布的地形数据url地址。5.下载完成解压得到.tif格式文件，我们所需要的地形数据就下载完成。22.预览发布之后的数据：点击生产的链接，点击Scene，点击webGL3D进行预览。18.点击上传数据，将生成的换成文件夹打包后上传。13.选择地形切片，文件保存名，地址然后点击确认。），点击下载，进入资源选择界面，选中桌面端软件，下载软件并安装。19.上传完成，自动解析，点击.sct文件。

SuperMap iClient for Silverlight 加载天地图

分享经验，共同进步.

02-20

2728

效果图如下：上代码：<UserControl x:Class="SYIT.MainPage" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:d="http://sche

cesium-加载DEM数据

m0_38004751的博客

03-06

2957

有些时候我们需要使用自己发布DEM数据

Supermap 调用天地图作为地图，并实现切换。

qq_40227495的博客

02-25

1747

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title data-i18n="resources.title_tiledMapLayer4326"></title> <style type="text/css"> html, body, #map { margin: 0; width: 100%; ...

超图cesium加载nginx发布的地形

03-31

<think>好的，用户问的是关于如何用超图（SuperMap）结合Cesium加载通过Nginx发布的地形数据。我需要一步步理清楚这个问题，确保回答准确且易于理解。首先，用户可能对这几个技术组件不太熟悉，或者需要知道它们如何协同工作。超图应该是SuperMap，一个GIS平台；Cesium是用于3D地理可视化的JavaScript库；Nginx作为Web服务器，用来托管地形数据。所以整个流程大概是在SuperMap中处理地形数据，然后发布到Nginx服务器，最后通过Cesium在网页中加载。接下来，我需要分步骤解释整个过程。第一步是地形数据准备，用户可能需要知道支持的格式，比如DEM或TIF，以及如何使用SuperMap处理数据，比如生成切片或配置文件。这里要提到SuperMap的桌面工具，比如iDesktop，用于数据处理和发布。然后是部署到Nginx，需要说明如何配置Nginx来托管生成的地形文件，确保跨域问题被处理，可能需要修改Nginx的配置，添加CORS头。用户可能对这部分不熟悉，所以需要给出简单的配置示例，比如location块和add_header指令。接下来是在Cesium中加载地形，需要提供代码示例，说明如何构造URL，使用Cesium的TerrainProvider，特别是CesiumTerrainProvider。这里要强调URL的正确性，以及可能需要的认证参数，比如token。可能还需要提到SuperMap REST数据服务的相关配置，确保服务正确发布，并且Nginx能正确指向服务目录。此外，常见问题如路径错误、跨域、缓存问题，这些都是用户在实际操作中可能会遇到的，需要给出解决建议。需要检查是否有遗漏的步骤，比如数据处理的详细流程，或者是否需要特定插件。同时，确保每个步骤之间的逻辑连贯，用户能一步步跟随操作。另外，要使用中文术语，避免专业术语过于晦涩，必要时进行解释。最后，确保回答结构清晰，分点说明，代码示例正确，并且注意事项覆盖常见错误。这样用户能够系统地理解整个过程，并顺利实现地形的加载。</think>下面我将系统介绍如何通过超图(SuperMap)结合Cesium加载Nginx发布的地形数据：一、技术栈组成 1. 超图平台：提供GIS数据处理与发布能力 2. CesiumJS：Web端三维地球可视化库 3. Nginx：高性能Web服务器，用于地形数据托管二、实现步骤分解 1. 地形数据准备 - 使用SuperMap iDesktop处理地形数据（DEM/TIF格式） - 生成地形切片： ```bash # 示例切片命令 s3mterrain -i input.tif -o output_s3m -l 0-10 ``` - 生成配置文件terrain.json 2. Nginx服务部署 ```nginx # nginx.conf配置示例 server { listen 80; server_name terrain.example.com; location /terrain/ { root /data/terrain; autoindex on; add_header Access-Control-Allow-Origin *; } } ``` 3. Cesium加载配置 ```javascript const viewer = new Cesium.Viewer('cesiumContainer', { terrainProvider: new Cesium.CesiumTerrainProvider({ url: 'http://terrain.example.com/terrain/output_s3m', requestVertexNormals: true, requestWaterMask: true }) }); ``` 三、关键技术要点 1. 坐标系匹配： - 确保数据使用WGS84坐标系 - 高程单位设置为米 2. 地形服务规范： - 遵循CTB(Quantized-Mesh)规范 - 层级结构需符合z/x/y.tile格式 3. 性能优化： - 使用gzip压缩地形切片 - 启用Nginx缓存 - 设置合适的LOD层级范围四、常见问题排查 1. 跨域问题： - 确认Nginx配置Access-Control-Allow-Origin头 - 检查Cesium请求是否携带正确凭证 2. 数据路径问题： - 验证terrain.json中的相对路径 - 确保Nginx根目录与物理路径一致 3. 渲染异常处理： ```javascript // 添加错误回调 terrainProvider.readyPromise.catch(function(error) { console.error('地形加载失败:', error); }); ``` 五、进阶配置建议 1. 安全增强： - 添加Token认证 - 配置HTTPS加密传输 2. 动态调度： ```nginx # 根据缩放级别动态选择数据集 map $arg_z $dataset { default high_res; ~^([0-5])$ low_res; ~^([6-9])$ mid_res; } ``` 3. 负载均衡： ```nginx upstream terrain_cluster { server 192.168.1.10:8001; server 192.168.1.11:8002; keepalive 32; } ``` 六、调试工具推荐 1. Chrome开发者工具： - Network面板查看请求状态 - Console面板捕获错误日志 2. Cesium Sandcastle： ```javascript // 在线测试代码片段 Sandcastle.addToolbarButton('测试地形', function() { viewer.terrainProvider = /* 新地形配置 */; }); ``` 实际部署时需注意： 1. 地形切片文件建议使用版本控制目录结构 2. 不同区域地形建议分数据集存储 3. 定期使用SuperMap iServer进行服务健康检查