cesium离线加载瓦片影像图和DEM高程图

2024-05-12 06:09:50

最近准备使用Cesium+WPF来进行项目开发，学习了一下Cesium,由于项目需要离线所以先研究一下如何离线使用吧。

首先展示一下效果图：

离线高德影像瓦片地图的加载方法：

1.我使用的是太乐地图下载器，下载高德的卫星图或者天地图的卫星图都行，导出为“瓦片：谷歌”，jpeg格式。下载好的内容如下图。全球我下到了5级，中国区域6-8级，北京市9-14级。这样地图数据比较小。

2.Cesium加载瓦片图的方式，下面只是一种方式：

var viewer = new Cesium.Viewer("cesiumContainer", {imageryProvider:new Cesium.UrlTemplateImageryProvider({url:'gaoDeMap/{z}/{x}/{y}.jpg',fileExtension:"jpg"}),baseLayerPicker:false,geocoder: false,});

离线DEM高程图的加载

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

不过下载的文件是.tif格式，无法直接给cesium使用，我们需要转换为.terrian格式，转换我使用的是cesiumlab2，这个软件是免费的，使用方法是登录后，点击“数据处理”->"地形切片"->"添加"->选择你下载的tif文件->选择“散列文件”->选择“输出文件”路径->“确认”。

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

var terrain = new Cesium.CesiumTerrainProvider({url: 'aASTGTM',
});
viewer.terrainProvider=terrain;

运行方法

在项目的根目录开启一个http静态文件服务，然后就可以使用浏览器进行浏览了。我使用的是python3自带的httpServer，方法是在项目根目录下运行python -m http.server，然后在浏览器输入地址http://localhost:8000/index.html即可。

cesium离线加载瓦片影像图和DEM高程图相关推荐

cesium 直接加载 geotiff 影像图
前言最近碰到了一个需求,需要通过 cesium 直接加载 geotiff 影像图. 咋一听,这个需求好像蛮奇怪,cesium 本身本来就支持加载 tile 影像图,也就是所谓的切片地图.原理其实就是 ...
Cesium最新基础教程系列2—Viewer离线加载地图数据（高程数据，地图瓦片（卫星影像、电子地图）），Viewer属性详解，及离线自定义图层
浏览器打开后,右上角点击图层,cesium所带图层都是在线图层,话不多说.直接代码,可以参考注释 var viewer = new Cesium.Viewer('cesiumContainer',{ ...
Cesium本地加载地形（dem高程）数据
cesium本地加载dem数据,首先需要下载地区的高程数据,一般通常在地理空间数据云里面下载:http://www.gscloud.cn/ 这里一般可以下载到90m和30m精度的数据,当然也可以用自己 ...
Cesium开发及离线加载倾斜摄影
前言前段时间接手了一个任务,让我研究一下开源的地图引擎,可以加载倾斜摄影数据,展示3D效果,实现地图应该有的大部分功能~好吧,我听到时真是一头雾水.WTF?地图引擎?3D模型?倾斜摄影?这都是什么鬼 ...
web高德地图怎么加载离线地图_基于 QGIS 在内网中离线加载卫星地图的方法
1. 概述我们之前为大家分享过在三维地球开源平台离线加载卫星影像的方法,主要包括基于桌面端的OsgEarth开源三维地球和基于Web端的Cesium开源三维地球等平台的局域网离线影像加载. 另外,也 ...
基于 QGIS 在内网中离线加载卫星地图的方法
1. 概述我们之前为大家分享过在三维地球开源平台离线加载卫星影像的方法,主要包括基于桌面端的OsgEarth开源三维地球和基于Web端的Cesium开源三维地球等平台的局域网离线影像加载. 另外,也 ...
cesium 3dtiles 加载本地数据_记一次Cesium地形数据生成过程
问题描述有一小块带高程值的点状数据,需要根据该数据生成Cesium支持的3dtiles数据,在Cesium中显示.经过一周多时间的摸索,终于能够在Cesium中加载成功.现将数据处理流程做个记录,以 ...
高德地图开发（二）加载瓦片数据
官方Demo中给我们提供了加载在线瓦片数据的功能. 我们在上一节的基础上进行演示.话不多说先上图. 布局文件如下: <RelativeLayout xmlns:android="htt ...
cesium首次加载gltf模型成功
接此: https://blog.csdn.net/bcbobo21cn/article/details/111305160 根据资料gltf格式模型可以直接在cesium上加载: 网上搜索gltf, ...

最新文章

热门文章