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

最近使用Cesium+WPF来进行项目开发,一起研究一下Cesium如何加载离线地图吧。

首先展示一下效果图:

1.高德影像瓦片地图离线加载:

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,
  });

2.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;

3.示例运行方法

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

  • 4
    点赞
  • 36
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
您可以使用Cesium加载离线瓦片地图。下面是一些步骤可以帮助您实现这一目标: 1. 获取离线瓦片地图数据:您可以通过各种方式获取离线瓦片地图数据,例如使用ArcGIS、Mapbox或者其他地图提供商的工具来下载离线瓦片数据。确保您已经获得了包含瓦片像的文件夹结构。 2. 设置Cesium环境:首先,将Cesium的JavaScript库文件引入到您的项目中。您可以从Cesium官方网站下载Cesium库文件,然后将其包含在您的HTML文件中。 3. 创建Cesium Viewer:在您的JavaScript代码中,创建一个Cesium Viewer实例,这将作为加载和显示地图的容器。 ```javascript var viewer = new Cesium.Viewer('cesiumContainer'); ``` 4. 配置离线地图:使用Cesium的ImageryLayer概念,您可以将自定义的离线瓦片地图添加到Cesium Viewer中。使用`Cesium.createTileMapServiceImageryProvider`函数来创建一个ImageryLayer,指定地图数据的路径。 ```javascript var tileMapService = new Cesium.createTileMapServiceImageryProvider({ url: 'path/to/your/tilemapdata' }); viewer.imageryLayers.addImageryProvider(tileMapService); ``` 请将"path/to/your/tilemapdata"替换为您实际的瓦片地图数据路径。 5. 运行应用程序:保存并运行您的应用程序,您将能够在Cesium Viewer中加载和显示离线瓦片地图。 这些步骤应该能够帮助您加载离线瓦片地图。请注意,具体的实施步骤可能因您选择的离线瓦片地图来源和数据格式而有所不同。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值