cesium地图高程数据DEM使用及转换

一.DEM高程图的下载,我是在地理空间数据云 (gscloud.cn)这个地方下载的,是免费的,可以下载30M和90M的高程数据。具体方式是进入"高级检索",选择图源类型,需要下载的区域名称等,最后点击"检索"即可出现图源列表供我们下载。

如上图所示,只有V2和V3是下载的.tif格式文件。

不过下载的文件是.tif格式,无法直接给cesium使用,我们需要转换为.terrian格式。

转换我使用的是cesiumlab2,这个软件是免费的,使用方法是登录后,点击"数据处理"->"地形切片"->"添加"->选择你下载的tif文件->选择"散列文件"->选择"输出文件"路径->"确认"。

2.Cesium加载高程图的方式,如下图所示,其中url:'aASTGTM',是指放高程图的路径。

javascript 复制代码
var viewer = new Cesium.Viewer("cesiumContainer", {
    imageryProvider:new Cesium.UrlTemplateImageryProvider({
      url:'gaoDeMap/{z}/{x}/{y}.jpg',
      fileExtension:"jpg"
    }),

如有疑问可留言,一起学习,同时附载cesiumlab3工具,可供下载,亲测有用

相关推荐
1024肥宅33 分钟前
JavaScript 拷贝全解析:从浅拷贝到深拷贝的完整指南
前端·javascript·ecmascript 6
欧阳天风43 分钟前
js实现鼠标横向滚动
开发语言·前端·javascript
一晌小贪欢1 小时前
【静态功能网站】正则表达式助手工具
正则表达式·html·正则·正则匹配·正则通用·正则网址·正则网站
局i1 小时前
Vue 指令详解:v-for、v-if、v-show 与 {{}} 的妙用
前端·javascript·vue.js
꒰ঌ小武໒꒱2 小时前
RuoYi-Vue 前端环境搭建与部署完整教程
前端·javascript·vue.js·nginx
局i4 小时前
Vue 中 v-text 与 v-html 的区别:文本渲染与 HTML 解析的抉择
前端·javascript·vue.js
fruge4 小时前
接口 Mock 工具对比:Mock.js、Easy Mock、Apifox 的使用场景与配置
开发语言·javascript·ecmascript
贩卖黄昏的熊4 小时前
typescript 快速入门
开发语言·前端·javascript·typescript·ecmascript·es6
Syron6 小时前
ScaleSlider 组件实现
javascript
xhxxx6 小时前
深入执行上下文:JavaScript 中 this 的底层绑定机制
javascript