Cesium:局域网离线影像及瓦片影像地图加载

软件环境:

win10

太乐地图下载器4.6版本

cesium1.25

tomcat7

1,首先使用太乐地图下载器,破解版4.6,下载全球高德影像图,我下载1-7级,大概几百兆,比较快,第八级1个多G,指数级增长,学习阶段不需要太多。

下载操作:首先缩小地图,框选全球地图,双击,弹出下载页面,经纬度可以手动调整,-180,180 -90 90,确定即可下载。其它都默认。

2,下载完成后,如下图:


点击导出按钮,如下图:


存储格式选择“瓦片:tms”,图片格式png即可,选择保存位置,导出。

3,将导出的瓦片目录复制到tomcat wabapps目录下,文件名GlobalTMS,下面1-7级瓦片。

4,Cesium中显示影像,代码如下:

[javascript] view plain copy 在CODE上查看代码片 派生到我的代码片
  1.        var url='http://localhost:8080/geoserver/wms'; //Geoserver URL   
  2. var viewer = new Cesium.Viewer('cesiumContainer',{  
  3.     imageryProvider:new Cesium.WebMapServiceImageryProvider({   
  4.         url : url,         
  5.         layers: 'nurc:Arc_Sample'// Here just give layer name   
  6.     }),  
  7.     baseLayerPicker:false  
  8. });  
  9. var layers = viewer.imageryLayers;  
  10. var blackMarble = layers.addImageryProvider(Cesium.createTileMapServiceImageryProvider({  
  11.     url : '/GlobalTMS',  
  12.     credit : '北京市昌平区'  
  13. }));  

5,保存文件后,显示效果:


来源:http://blog.csdn.net/wjkwjk/article/details/52542348

### 配置Cesium使用离线本地影像瓦片 为了在Cesium中配置并使用离线本地存储的影像瓦片,可以按照以下方式设置`UrlTemplateImageryProvider`来指定本地瓦片路径。这使得能够通过定义模板字符串中的参数{x}、{y}和{z}访问不同缩放级别的图像切片。 ```javascript var viewer = new Cesium.Viewer('cesiumContainer', { animation: false, baseLayerPicker: true, geocoder: true, timeline: false, sceneModePicker: true, navigationHelpButton: false, infoBox: true, imageryProvider: new Cesium.UrlTemplateImageryProvider({ url: './tiles/{z}/{x}/{y}.png', fileExtension: 'png' }) }); ``` 上述代码片段展示了如何创建一个新的`Viewer`实例,并指定了一个基于URL模板的影像提供者用于加载来自本地磁盘上的瓦片资源[^3]。这里的`./tiles/`应当替换为实际存放瓦片文件的位置;而`{z}`代表缩放级别,`{x}`和`{y}`则分别表示经度方向上横向排列的列数与纬度方向纵向排列的行号。 对于更复杂的场景,如果需要支持多种类型的瓦片源或是自定义瓦片方案,则可能还需要调整其他选项或采用不同的类如`WebMapServiceImageryProvider`等来进行适配。当涉及到具体地理信息系统(GIS)服务器集成时(例如GeoServer),可以通过修改WMS请求地址和服务端配置实现离线数据的支持[^1]。 此外,考虑到性能优化方面的需求,在构建离线应用之前应该预先准备好所需的全部瓦片集,并合理规划缓存策略以减少不必要的网络请求开销。同时也要注意确保所使用的坐标系匹配目标地区的标准投影方法以便获得准确的地图展示效果[^2]。
评论 9
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值