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工具,可供下载,亲测有用

相关推荐
Smile_Gently2 小时前
前端:最简单封装nmp插件(组件)过程。
前端·javascript·vue.js·elementui·vue
nihui1237 小时前
Uniapp 实现顶部标签页切换功能?
javascript·vue.js·uni-app
一 乐8 小时前
高校体育场管理系统系统|体育场管理系统小程序设计与实现(源码+数据库+文档)
前端·javascript·数据库·spring boot·高校体育馆系统
shengmeshi8 小时前
vue3项目img标签动态设置src,提示:ReferenceError: require is not defined
javascript·vue.js·ecmascript
BillKu9 小时前
vue3中<el-table-column>状态的显示
javascript·vue.js·elementui
祈澈菇凉9 小时前
ES6模块的异步加载是如何实现的?
前端·javascript·es6
我爱学习_zwj9 小时前
4.从零开始学会Vue--{{组件通信}}
前端·javascript·vue.js·笔记·前端框架
Json____10 小时前
使用html css js 开发一个 教育机构前端静态网站模板
前端·css·html·js·前端学习·企业站·教育机构网站
*TQK*10 小时前
✨1.HTML、CSS 和 JavaScript 是什么?
前端·javascript·css·html
优联前端10 小时前
DeepSeek 接入PyCharm实现AI编程!(支持本地部署DeepSeek及官方DeepSeek接入)
javascript·pycharm·ai编程·前端开发·优联前端·deepseek