下载地形、矢量图层、卫星影像到本地并geoserver发布为服务，后使用Cesium加载

置顶 已于 2024-01-15 11:22:19 修改
阅读量5.2k 收藏 40
点赞数 8
分类专栏： Cesium 文章标签： gis
于 2022-02-18 17:00:37 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cky_123/article/details/123007191
版权
本文详细介绍了如何在离线环境下使用Cesium进行地图展示。首先，通过QGIS下载并处理地形、遥感影像和矢量数据到本地。接着，利用CesiumLab和各种服务器软件发布本地的影像、矢量图层和地形服务。最后，展示了在Cesium中加载这些离线服务的方法，包括影像、矢量数据和地形的加载步骤。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

教程应用场景：要求项目数据全部本地化，无需链接互联网使用，所以要把地形、遥感影像、矢量数据都下载到本地，然后在本地离线发布，并用Cesium加载。

0.Cesium在离线情况下启动

Cesium.js会默认访问在线数据，如果不做设置，在没联网的情况下Cesium会启动失败。参考官方demo已经展示如何离线情况下使用Cesium库： 官方demo演示如何离线调用cesium.js

1 下载数据

1.1 下载离线影像

QGIS里面加载一个卫星影像（天地图、谷歌都可以） => 工具箱（上方蓝色齿轮的图标） => 栅格工具 => 将地图转为栅格 => 渲染最小范围（要下载的范围）=> 每像素地图单位数，一般是0.5（精度：米/像素） => 运行 => 导出

天地图、谷歌等比较好找，这里提供一个第一次全国风险普查的成果卫星影像服务，添加WMTS服务即可获得，网址如下：https://fxpc.mem.gov.cn/data_preparation/39699eaf-2ebd-42fe-8553-de3ac44cac9b/161ba32a-106e-4197-a4e3-cd9f1ac5a6db/img08/wmts/AB0EC656D56BD380345A16C87D539C6C/WMTSCapabilitie

最低0.47元/天 解锁文章
Cesium 实战 10 - 两种方式加载 Geoserver 服务 WMTS 以及 WMS、WFS、KML 资源图层
linzi19900517的博客
10-23 8889
Cesium 两种方式加载 Geoserver服务 WMTS以及WMS、WFS、KML资源图层。
geoserver 基本操作 —— 地图切片（栅格切片、矢量切片）
jiegiser博客
12-09 5891
文章目录地图切片栅格切片查看切片配置本地缓存切片制作矢量切片修改默认切片缓存位置 地图切片 首先地图切片是采用预生成的方法存放在服务器端，然后根据客户端不同请求，把相应缓存的地图瓦片发送给客户端的过程，它是一种多分辨率层次模型，从瓦片金字塔底层到顶层，分辨率越来越低，但表示的地理范围不变。切片类型可分为栅格切片及矢量切片。 栅格切片 查看切片配置 默认我们发布的图层，都是有切片缓存的功能，可以在发布图层页面的 Tile Caching 选项卡中可以设置切片格式、格网方案等： 我们可以在左侧的 Tile L
Cesium笔记 加载GeoServer服务，以及跨域问题
qq_40216244的博客
10-13 4666
一、加载如下的GeoServer发布地图服务 加载代码如下，其中url为红线框选部分，layers为发布的图层NAME //加载GeoServer图层，测试数据 ShowTestData() { var layer = new Cesium.WebMapServiceImageryProvider({ url: 'url', layers: 'pipelin...
【UE5】CesiumforUnreal加载本地DEM高程数据(包括DEM数据下载、处理)
huimo_ranchen的博客
03-27 545
2、登录成功后，点击“高级检索”，数据集选择“GDEMV2 30M 分辨率数字高程数据”，空间位置选“行政区”->“北京市”->“北京城区”，然后点击检索，即可出现 北京市30m分辨率的高程数据，依次下载。：需要在本地路径前面加：file:///（如上面本地路径即为：file:///D:/GIS/Terrain/Terrain/layer.json）5、DEM数据转成3DTiles格式：选“地形切片”，选择裁剪后的地形，三角算法选:ctb，水面文件不用选；3、下载完成后的数据，_dem.tif是所需数据。
GeoServer发布影像和地形数据供Cesium使用
热门推荐
qq_27532167的博客
09-10 1万+
进入正题： 一，Geoserver安装 网上有很多大神写的博客，我也不想多说，这里有一点需要注意的是GeoServer需要JDK8的运行环境，我这里给出了下载地址：官网下载。 二，影像数据发布 1，发布教程：这里我们用到的是WMS服务标准，具体操作步骤见教程：亲测可用。 2，影像切片，这里主要对我们发布的影像数据进行切片，保证在不同的视距都有最好的可视化数据，详细步骤见教程...
cesium 地形加载
qq_37550440的博客
05-29 1619
cesium 地形加载 及加载完成的回调
C1—— 下载Cesium地形数据离线调用
GIS特战兵
05-12 3387
所在前面：地形数据也可以自己做，我先用Tiff在cesiumlab里面生成地形数据加载后发现会有很严重的裂缝。具体原因还不清楚听一位大佬说这是cesium的bug。
cesium 加载地形
半路转行的Giser
07-25 3411
cesium中使用的地形数据有格式要求，不能像离线地图篇那样直接使用QGIS切png瓦片，要使用其他工具，推荐使用cesiumlab，cesiumlab 是北京西部世界科技有限公司开发的一款数据处理软件，软件中大部分功能免费，高级功能收费。不过在开发学习时，是一个很好的数据平台，我们可以注册使用它提供的数据服务。我们可以将切好的瓦片使用nginx 发布成静态服务，就可以使用了。cesium 加载离线地形，需先下载DEM（高程数据）tif文件，然后像加载离线地图篇里一样，对离线的地形tif文件进行切片。
使用Cesium与GeoServer实现地形数据交互的完美融合
gitblog_00039的博客
05-09 848
使用Cesium与GeoServer实现地形数据交互的完美融合 Cesium-GeoserverTerrainProvider plug in to use geoserver as terrain provider 项目地址: https://gitcode.c...
cesium结合geoserver利用WFS服务实现图层编辑.zip
06-19
在GeoServer管理界面中发布图层，这通常涉及到加载数据存储（如Shapefile、PostGIS数据库等）并创建工作空间。 2. **启用WFS服务**：在GeoServer中，为发布的图层启用WFS服务。在图层配置页面，找到“ WCS & WFS ”...
Cesium加载Geoserver发布的图层
地理信息技术杂谈 博客，欢迎技术交流
01-05 2143
在geoserver中将影像或者矢量数据发布成切片图层，Cesium中实现图层加载。 在geoserver的Tile Layers菜单中，可以看到目前在geoserver中发布的切片图层。 新发布的图层，需要在图层的编辑页面，切换Tile Caching页，进行切片图层的发布。 Geoserver默认定义了两种切片的发布方式wgs84和web墨卡托的切片方式，需要其他的切片方式，需要自己进行定义实现。 使用geoserver发布的tms服务，在Cesium进行切片地图的加载，geoserver的tms
测试数据tif格式可生成cesium地形（外国网站下载）
11-09
外网下载的深圳片区tif格式数据（srtm）可用工具生成cesium terrain数据
Cesium-GeoserverTerrainProvider:插入以使用 geoserver 作为地形提供者
07-24
铯-GeoserverTerrainProvider GeoserverTerrainProvider：一个地形提供者，它与 geoserver 一起提供 bil、png、gif 和 jpeg 格式的高程数据。 应首选 png 格式。 铯版本 使用 Cesium 1.6 和 geoserver 2.6.2 进行测试。 许可证：Apache 2.0。 免费用于商业和非商业用途。 参见 LICENSE.md。 用法 可选：在 geoserver 中将 mySLD.xml 作为新样式导入，以在其他颜色范围内渲染您的图层（16 位灰度）。 导入 Cesium.js 后，将 GeoserverTerrainProvider.js 文件导入到您的 html 代码中。 使用地理服务器的 url 和高程图层的名称创建 GeoserverTerrainProvider 的新实例。 之后，Geose
cesium terrain 测试数据
12-05
用于 cesium terrain 显示的测试数据。。。。。。。。。
cesium结合geoserver利用WFS服务实现图层新增.zip
06-19
4. **添加图层到Cesium**：加载GeoJSON数据源后，你可以将其添加到Cesium的场景中。调用`viewer.dataSources.add()`方法，传入刚刚加载的数据源。这样，地图上的新图层就会显示出来。 5. **交互和更新**：Cesium...
cesium-加载geoserver发布的WMTS服务
孙霸天的专栏
03-09 1341
cesium-加载geoserver发布的WMTS服务 发布数据 默认安装好geoServer 选择数据存储 选择添加新的数据存储 选择GeoTIFF 选择数据 发布数据 发布成功 实际效果 完整代码 在首页选择WMTS 查看WMTS的配置信息 这里地图使用的是mapbox地图 叠加上geoServer的WMTS <!-- home --> <template> <div class="home"> <el-breadcrumb s
Cesium加载terrain本地文件地形数据
weixin_39216318的博客
04-29 1412
今天给公司人员写文档，顺道就发出来一份 cesium添加本地文件地形数据，需要发布成web服务，通过http请求访问数据 iis部署方式 右键添加网站 配置iis web服务器跨域 右键添加 名称 Access-Control-Allow-Headers 值：Content-Type, api_key, Authorization 名称 Access-Control-Allow-Origin 值： * 配置mime静态文...
Cesium学习（1）--geoserver+cesium创建离线环境下的web三维球
wjk的专栏
09-13 8788
基于geoserver搭建离线web球环境，采用cesium1.25版本，win10环境搭建，供大家参考。
Cesium加载地形数据
ganggun的博客
03-28 1724
其中http://GEOSERVER_HOME/rest/resource可以访问到geoserver安装目录下bin\data_dir文件夹里边所有的内容）检查是否显示切好的地形数据。这时可以试着启动geoserver，通过访问http://GEOSERVER_HOME/rest/resource/data。将切好的地形数据放在D:\geoserver-2.20.2-bin\data_dir\data目录下，在gee中下载所需的地形数据（在GEE中可对地形数据进行预处理，包括镶嵌，裁剪等）。
geoserver 发布tif影像 cesium加载
最新发布
04-03
### 如何通过 GeoServer 发布 TIF 影像并在 Cesium 中加载 #### 准备工作 在开始之前，需确认已成功安装并配置好 GeoServer 和 Cesium。以下是具体操作流程： --- #### 1. GeoServer 上发布 TIF 数据 要将 TIF 文件作为影像图层发布到 GeoServer，可以按照以下步骤完成。 ##### 创建工作区 进入 GeoServer 的 Web 界面，在 **Layers** -> **Workspaces** 下创建一个新的工作区[^2]。 命名该工作区以便于后续管理。 ##### 添加数据源 导航至 **Data Stores** 页面，点击“Add new Data Store”，选择适合的存储类型（通常为 “GeoTIFF” 或其他栅格支持格式）。上传准备好的 TIF 文件，并指定其投影坐标系[^5]。 ##### 配置图层 返回主界面后，前往 **Publish Layer** 步骤，定义新图层的相关参数，例如边界范围、分辨率等属性。完成后保存设置。 ##### 测试 WMS/WMTS 输出 确保可以通过浏览器访问生成的服务 URL 地址来验证图像是否正常渲染[^4]。例如： ``` http://localhost:8080/geoserver/wms?service=WMS&version=1.1.0&request=GetMap&layers=test:tif_layer&styles=&bbox=-90,-180,90,180&width=768&height=384&srs=EPSG:4326&format=image/png ``` --- #### 2. 去除 TIFF 背景颜色干扰 如果发现发布的 TIF 图像存在不必要的黑色背景区域，则可通过调整透明度通道实现消除效果[^3]。具体做法如下： - 打开对应图层编辑页面； - 定位到样式部分下的 SLD 编辑器选项卡； - 修改 XML 结构内的 `<ColorMapEntry>` 标签值，将其 opacity 属性设为 `transparent` 对应的颜色编码。 --- #### 3. 在 Cesium 加载 GeoServer 提供的地图服务 当上述准备工作全部就绪之后，就可以利用 JavaScript 将远程服务器上的地理空间资源嵌入到三维场景之中了。 ##### 初始化 Cesium Viewer 实例 首先初始化一个基本视窗组件用于展示最终成果。 ```javascript var viewer = new Cesium.Viewer('cesiumContainer', { terrainProvider : Cesium.createWorldTerrain() }); ``` ##### 动态添加遥感图片覆盖物 借助 ImageryLayer API 方法动态绑定来自外部 RESTful 接口的数据流。 ```javascript viewer.imageryLayers.addImageryProvider( new Cesium.WebMapTileServiceImageryProvider({ url : 'http://localhost:8080/geoserver/gwc/service/wmts?', layer : 'workspace_name:layer_id', style : '', format : 'image/png', tileMatrixSetID : 'GoogleMapsCompatible' }) ); ``` ##### 设置观察视角 为了让用户能够直观看到目标位置的效果，还需要适当调节摄像机的位置与方向向量。 ```javascript viewer.camera.flyTo({ destination : Cesium.Cartesian3.fromDegrees(longitude, latitude, height), orientation : { heading : Cesium.Math.toRadians(heading_angle), // 方向角 (东经正北顺时针旋转角度) pitch : Cesium.Math.toRadians(pitch_angle), // 抬头/低头倾斜程度 (-π 到 π之间变化) roll : 0 // 自身翻转轴偏移幅度，默认水平放置即可满足需求 } }); ``` --- #### 总结说明 以上即完成了整个从本地导入原始素材直至在线可视化呈现的过程描述。值得注意的是实际开发过程中可能还会遇到诸如性能优化、异常处理等问题需要额外关注解决办法。 ---
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值