Cesium加载和取消CesiumTerrainProvider，DEM数据

最新推荐文章于 2024-07-25 15:21:31 发布
最新推荐文章于 2024-07-25 15:21:31 发布
阅读量2.5k 收藏 4
点赞数 1
分类专栏： Cesium
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_29808089/article/details/107938862
版权
本文介绍如何在Cesium中加载CesiumTerrainProvider以显示DEM数据，以及如何通过切换到EllipsoidTerrainProvider来取消加载DEM数据。
摘要由CSDN通过智能技术生成

加载DEM

viewer.terrainProvider = new Cesium.CesiumTerrainProvider({

            url:option.url

          });

取消DEM

 viewer.terrainProvider = new Cesium.EllipsoidTerrainProvider({});

 

一碗老面i
关注
专栏目录
订阅专栏
Cesium-加载地形数据和影像数据(一)
席木木的博客
06-05 1516
Cesium中，地形数据和影像数据是与地球球体自身息息相关的数据，地形用于塑造Cesium的骨架，影像地图用于描绘地表的样貌。对于一个Cesium Application来说，地形-骨架只有一个，但是样貌-影像地图确实可以有多个，并且可以根据需要执行切换操作。下面分别介绍地形数据服务和影像数据服务的制作、加载方式。...
Cesium 问题：TypeError: Cannot read properties of undefined (reading ‘rectangles‘........
最新发布
虎康的博客
08-30 371
由于 Cesium 版本的问题，导致好多写法发生了变化。我们可以使用一下几个方法解决。
Cesium生成离线terrain地形数据所需所有程序及详细说明
10-11
根据DEM地形tif文件，生成Cesium可用的离线terrain地形，本附件包括所有使用到的程序及详细步骤说明，木遥原创整理，验证可用，并写了所有详细注意点说明。
Cesium加载terrain本地文件地形数据
weixin_39216318的博客
04-29 1234
今天给公司人员写文档，顺道就发出来一份 cesium添加本地文件地形数据，需要发布成web服务，通过http请求访问数据 iis部署方式 右键添加网站 配置iis web服务器跨域 右键添加 名称 Access-Control-Allow-Headers 值：Content-Type, api_key, Authorization 名称 Access-Control-Allow-Origin 值： * 配置mime静态文...
Cesium 加载地形（Terrain）
qq_17627195的博客
10-22 4636
在 cesium 中添加地形数据，我们要创建一个 CesiumTerrainProvider，并且指定一个 URL 地址和一些配置的选项，然后将它分配给一个 viewer.terrainProvider。 1. TerrainProvider：为地球表面提供地形或其他几何形状。 viewer.terrainProvider = new Cesium.CesiumTerrainProvider(options) 2. new Cesium.CesiumTerrainProvider(options) 以Ce
学习Cesium第三天 加载地形数据
qq_45490498的博客
03-18 802
Cesium中地球默认为光滑的椭球体，相当于地形高度为都为零。开发者可以调用具有真实地理高度的地形数据，同样也可以利用数字高程模型（DEM）数据生成地形加载到Cesium地球上。
Cesium 控制地形TerrainProvider 显示与移除
热门推荐
码农笔录-微信公众号博客
11-14 1万+
function toggleTerrain(){ var scene = viewer.scene; var terrainProvider; if (scene.terrainProvider._url){ //add a simple terain so no terrain shall be preseneted terrai...
Cesium加载bil格式高程数据
05-08
### Cesium加载BIL格式高程数据详解 #### 背景介绍 随着地理信息系统（GIS）技术的发展，三维地形渲染已成为重要的应用领域之一。Cesium作为一款强大的开源JavaScript库，能够实现在Web浏览器中创建高性能且逼真的...
cesium 加载地形以及.tif格式转.terrain的方法
11-08
### Cesium加载地形及.tif至.terrain转换方法详解 #### 一、背景介绍 随着地理信息系统（GIS）技术的发展，三维地图的应用越来越广泛。其中，Cesium作为一个强大的开源JavaScript库，能够实现地球级别的三维可视化...
cesium同时加载地形DEM和gltf数据
足迹2017
05-07 3875
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name=&q
cesium-------地形服务
一星程序饲养员
05-21 802
1.createWorldTerrain(创建地形) 2.EllipsoidTerrainProvider(操作地形数据的接口)提供了最简单的，无需额外负担的地形数据来构网 var worldTerrain = Cesium.createWorldTerrain({ requestWaterMask: true, requestVertexNormals: true }); var ellipsoidProvider = new Cesiu
SuperMap iClient3D for WebGL教程（地形篇）-CesiumTerrainProvider
SuperMap技术控
04-22 4444
作者：为梦齐舞 本文同步更新于简书文章https://www.jianshu.com/p/a59dedc1eacc 一、CesiumTerrainProvider介绍 前面的文章中，我们介绍了很多地形相关的知识，本章中我们来一起了解下CesiumTerrainProvider，我们在WebGL中如果希望添加带有地质起伏的地形，都会使用这个类，它同时支持高度图和TIN地形两种格式。不过目前高度图...
《Cesium 基础知识点》- Terrain 地形加载/移除
前端技术
01-11 989
一、添加 // 地形对象 let terrainProvider = new Cesium.CesiumTerrainProvider({ url : 'http://develop.smaryun.com:6163/igs/rest/g3d/terrain/GetTerrain' }); // 添加 viewer.scene.terrainProvider = terrainProvider; 二、删除 //添加一个简单的terain，这样就不会对任何地形进行保护 globe.viewe
14 Cesium—地形服务
初八
03-26 3485
文章中所有操作均是在 Cesium 1.91 版本下进行的，其它版本差异请自行适配 地形服务 一些应用场景中我们需要操作地形数据，为此 Cesium 还提供方便的地形服务 TerrainProvider 基类，基于此类，Cesium 封装了5个现成的继承类操作地形图层数据。 可以通过帮助文档搜索 TerrainProvider 可以看到 Cesium 提供的一些接口，如下图： 其中针对 TerrainProvider 基类还要一些比较关键的属性和函数： tilingScheme，Provider ..
Cesium添加地形
houxianjin的专栏
04-11 5221
1. 添加地形Cesium支持流媒体和可视化全球高分辨率地形和海洋、湖泊、河流的水效果。山脉山峰、山谷和其他地形相对于2D地图更逼真的显示效果。与影像一样，在Cesium引擎将从服务器传输地形数据，只是根据当前相机位置来请求和渲染瓦片。 下面是一些地形数据和配置选项的演示：· ArcticDEM : 高分辨率的北极地形· PAMAP Terrain : 高分辨率的宾夕法尼亚州的地形· Terrai...
从零开始vue使用cesium开发3d地形terrainProvider（二）
yinzisang的博客
11-15 4391
先上图： 第一步：使用cesiumlab制作地图切片 cesiumlab官网：Cesium实验室官网 我这里下载的是2.5版本的，3版本有bug不能注册账号 因为是后端提供给我的切片数据，所以我不需要下载直接将数据放进 打开cesiumlab 选择地形切片，点击添加，储存类型选择散列文件其余随意 添加完成后出现这一堆文件 将该文件放在项目中的public里，这只是测试所以我放在了public里，正常需要通过tomcat（推荐nginx发布）来发布引用 在viewer里写如下代..
Cesium入门之七：Cesium加载地形数据
九仞山的专栏
05-14 7673
介绍了Cesium加载地形数据的方法，包括地形数据的概念、Cesium中加载地形数据的类，并使用CesiumTerrainProvider加载了一个地形数据到三维地球中
cesium 加载地形
半路转行的Giser
07-25 1849
cesium中使用的地形数据有格式要求，不能像离线地图篇那样直接使用QGIS切png瓦片，要使用其他工具，推荐使用cesiumlab，cesiumlab 是北京西部世界科技有限公司开发的一款数据处理软件，软件中大部分功能免费，高级功能收费。不过在开发学习时，是一个很好的数据平台，我们可以注册使用它提供的数据服务。我们可以将切好的瓦片使用nginx 发布成静态服务，就可以使用了。cesium 加载离线地形，需先下载DEM（高程数据）tif文件，然后像加载离线地图篇里一样，对离线的地形tif文件进行切片。
第三章 Cesium学习入门之地形数据（DEM）的加载
Aliavlue的博客
02-16 4450
Cesium学习入门之地形数据（DEM）的加载
如何实现cesium 加载文字标签和点数据
08-08
### 回答1： 你可以使用 Cesium 的 `LabelCollection` 和 `PointPrimitiveCollection` 类来实现文字标签和点数据的加载。 下面是一个示例，展示了如何在 Cesium 中加载文字标签和点数据： ```javascript var viewer = new Cesium.Viewer('cesiumContainer'); // 创建 LabelCollection 实例 var labels = viewer.scene.primitives.add(new Cesium.LabelCollection()); // 创建第一个文字标签 var label1 = labels.add({ text: 'Label 1', position: Cesium.Cartesian3.fromDegrees(-75.59777, 40.03883), font: '24px sans-serif' }); // 创建第二个文字标签 var label2 = labels.add({ text: 'Label 2', position: Cesium.Cartesian3.fromDegrees(-80.50, 35.14), font: '24px sans-serif' }); // 创建 PointPrimitiveCollection 实例 var points = viewer.scene.primitives.add(new Cesium.PointPrimitiveCollection()); // 创建第一个点 var point1 = points.add({ position: Cesium.Cartesian3.fromDegrees(-75.1641667, 39.9522222), color: Cesium.Color.YELLOW, pixelSize: 10 }); // 创建第二个点 var point2 = points.add({ position: Cesium.Cartesian3.fromDegrees(-80.2277778, 25.7888889), color: Cesium.Color.BLUE, pixelSize: 10 }); ``` 在上面的示例中，我们首先创建了一个 `Viewer` 实例，然后创建了一个 `LabelCollection` 和一个 `PointPrimitiveCollection`。接下来，我们使用 `add` 方法在这两个集合中分别添加了两个文字标签和两个点。 注意，你还可以使用其他选项（如颜色、大小等）来调整标签和 ### 回答2： 要实现Cesium加载文字标签和点数据，可以按照以下步骤进行操作： 1. 引入Cesium库：在HTML中引入Cesium库的脚本文件，确保能够正确加载和使用Cesium。 2. 创建Cesium场景：在JavaScript代码中，创建一个Cesium场景对象，用于渲染和显示地球场景。 3. 创建文字标签：使用Cesium中的Entity API，通过创建Entity对象来表示文字标签。可以设置标签的位置、文本内容、样式等属性。 4. 添加文字标签：将创建的文字标签实体对象添加到场景中，使用场景的entities属性进行添加。 5. 创建点数据：同样使用Entity API，创建一个Entity对象来表示点数据。可以设置点的位置、样式、颜色等属性。 6. 添加点数据：将创建的点数据实体对象添加到场景中，同样使用场景的entities属性进行添加。 7. 设置相机视角：可以通过调整相机的位置和朝向来设置地球场景的视角，确保能够合适地展示文字标签和点数据。 8. 运行程序：在网页中运行该程序，Cesium会根据设置的文字标签和点数据渲染地球场景，并显示在相应的位置上。 总结来说，要实现Cesium加载文字标签和点数据，需要引入Cesium库，在JavaScript中创建场景对象，创建文字标签和点数据的实体对象，然后将它们添加到场景中，并设置相机视角。最后，在网页中运行程序即可实现加载文字标签和点数据的效果。 ### 回答3： 要实现Cesium加载文字标签和点数据，需要按照以下步骤进行操作： 1. 首先，确保你已经在项目中引入了Cesium库文件，并可以正确地加载Cesium地球场景。 2. 创建一个新的Cesium.Entity对象，该对象可以包含要显示在地球上的标签和点数据。你可以使用Cesium.Cartesian3类型来指定每个数据的位置。 3. 为每个数据添加文本标签。你可以使用Cesium.LabelGraphics对象来定义文本标签的外观和样式。在此对象中，你可以设置文本内容、字体、大小、颜色等属性。 4. 创建点数据的图形表示。你可以使用Cesium.PointGraphics对象来定义点的外观和样式。在此对象中，你可以设置点的大小、颜色、轮廓颜色等属性。 5. 将创建的标签和点数据的图形表示添加到Entity对象中，使用Cesium的entity.label和entity.point属性分别设置。 6. 最后，将创建的Entity对象添加到Cesium的viewer.entities集合中，以在地球上显示标签和点数据。 以下是示例代码： ```javascript // 创建一个显示标签和点数据的Cesium.Entity对象 var entity = new Cesium.Entity({ position: Cesium.Cartesian3.fromDegrees(lon, lat), // 设置数据的经纬度位置 label: { text: '标签内容', // 设置标签的文本内容 font: 'bold 14px sans-serif', fillColor: Cesium.Color.RED, // 设置标签的填充颜色 verticalOrigin: Cesium.VerticalOrigin.BOTTOM // 设置标签的垂直对齐方式 }, point: { pixelSize: 10, // 设置点的大小 color: Cesium.Color.YELLOW, // 设置点的颜色 outlineColor: Cesium.Color.BLACK, // 设置点的轮廓颜色 outlineWidth: 2 // 设置点的轮廓宽度 } }); // 将创建的Entity对象添加到Cesium的viewer.entities集合中 viewer.entities.add(entity); ``` 通过以上步骤，你就可以在Cesium地球上成功加载并显示文字标签和点数据了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

一碗老面i

你的鼓励是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值