Cesium学习(2)--局域网离线影像及瓦片影像地图加载

软件环境:

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中显示影像,代码如下:

        var url='http://localhost:8080/geoserver/wms'; //Geoserver URL 
	var viewer = new Cesium.Viewer('cesiumContainer',{
		imageryProvider:new Cesium.WebMapServiceImageryProvider({ 
			url : url,       
			layers: 'nurc:Arc_Sample'// Here just give layer name 
		}),
		baseLayerPicker:false
	});
	var layers = viewer.imageryLayers;
	var blackMarble = layers.addImageryProvider(Cesium.createTileMapServiceImageryProvider({
		url : '/GlobalTMS',
		credit : '北京市昌平区'
	}));
5,保存文件后,显示效果:




  • 4
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 9
    评论
您可以使用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中加载和显示离线瓦片地图。 这些步骤应该能够帮助您加载离线瓦片地图。请注意,具体的实施步骤可能因您选择的离线瓦片地图来源和数据格式而有所不同。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

wjkwjk

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值