Cesium直接加载切片数据与发布地图后加载切片数据

本文参考地形图发布在IIS上并加载到cesium中_Ganexx的博客-CSDN博客感谢感谢!!

之前按照网上找的教程,从地理数据平台上下载的30m精度影像,而后在Arcgis中进行坐标投影处理,影像拼接、提取,最后使用cesiumlab在转换成Cesium能加载的切片数据。

 

通过Cesium代码也实现了数据加载并显示三维地形。

 

 但是!!我的图远远不如网上一些示例那么“逼真”每移动一下鼠标都会一帧一帧显示一下,非常不方便观看,盆友说网上那些示例精度太高,我这免费的要啥自行车,我甚至都想用UE的Cesium插件渲染一下,但网页端也没办法,突然今天看到一个知识点,原来将terrain文件通过IIS发布一下地图服务,然后本地引入可能会好很多。结果网上搜了一下,按照步骤操作还真是成功了,看起来非常舒服。

前面数据提取切片不变,只是在IIS上本地发布你准备好的切片,这里物理路径就填你的切片数据存放位置。

由于地形图需要加载到cesium前端中,就会存在跨域的问题。解决办法是:在新增的该网站中,进入“HTTP响应标头”,添加一个HTTP标头。名称为Access-Control-Allow-Origin,值为*

 在该网站中,进入“MIME类型”,添加一个类型。文件扩展名为.terrain,MIME类型为application/vnd.quantized-mesh。

 

 最后在Cesium中加载数据就ok了。

以下是结果图,虽然不是特别好,但比直接加载切片数据要好太多了,看着非常舒服了。 

 

  • 3
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
要在Cesium加载地图的离线切片,你需要执行以下步骤: 1. 下载离线切片数据:首先,你需要从天地图官网或其他渠道下载离线切片数据。确保下载的数据是符合天地图切片规范的。 2. 将切片数据转换为Cesium可用的格式:Cesium使用的切片数据格式是TMS(Tiled Map Service)或WMTS(Web Map Tile Service)。如果你下载的切片数据不是这两种格式,你需要将其转换为相应格式。你可以使用GDAL或其他切片转换工具来完成这个步骤。 3. 创建Cesium Viewer对象:在Cesium中,你需要创建一个Viewer对象来显示地图。你可以使用以下代码创建一个基本的Viewer对象: ```javascript var viewer = new Cesium.Viewer('cesiumContainer'); ``` 这里的 'cesiumContainer' 是一个HTML元素的ID,它将用于显示Cesium地图。 4. 添加离线切片图层:接下来,你需要将离线切片图层添加到Cesium Viewer中。你可以使用以下代码将切片图层添加到Viewer中: ```javascript var offlineLayer = new Cesium.UrlTemplateImageryProvider({ url: 'path/to/your/tiles/{z}/{x}/{y}.png', }); viewer.imageryLayers.addImageryProvider(offlineLayer); ``` 这里的 'path/to/your/tiles/{z}/{x}/{y}.png' 是你离线切片数据的路径。确保将路径正确指向离线切片数据的存储位置。 5. 设置初始视图:最后,你可以使用以下代码设置地图的初始视图: ```javascript viewer.camera.setView({ destination : Cesium.Cartesian3.fromDegrees(lon, lat, height), orientation : { heading : Cesium.Math.toRadians(heading), pitch : Cesium.Math.toRadians(pitch), roll : Cesium.Math.toRadians(roll), } }); ``` 在上面的代码中,lon、lat和height是地图的经度、纬度和高度,heading、pitch和roll是地图的视角。 完成这些步骤后,你应该能够在Cesium加载并显示天地图的离线切片数据了。记得根据你的实际情况调整代码中的路径和初始视图参数。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值