《Cesium 进阶知识点》 - 离线瓦片数据(生成和开发)

一、生成数据

这里使用“太乐地图下载器 V4.3”

1、选择“打开地图下载工具”。

《Cesium 进阶知识点》 - 离线瓦片数据(生成和开发)_第1张图片

 2、以高德街道地图为例。选择“主菜单” - “高德地图” - “高德街道地图”。

3、右上角选择“快速下载” - “选择行政区划” - “按行政区划下载地图”。

《Cesium 进阶知识点》 - 离线瓦片数据(生成和开发)_第2张图片

4、打开“新建下载任务”对话框。选择要下载的级数。注意“存储目录”,最好不要选在C盘。其它都为默认设置。

《Cesium 进阶知识点》 - 离线瓦片数据(生成和开发)_第3张图片

5、在“主菜单” - “我的下载”中查看下载情况。选中菜单栏中的“导出”功能。

 6、打开“导出”对话框。存储格式选“瓦片:TMS”,选择级别选“全选”,图片格式选“.jpg”。注意“保存路径”最好不要选在C盘。最后点击“导出”按钮。

《Cesium 进阶知识点》 - 离线瓦片数据(生成和开发)_第4张图片

 7、可看到这个,表示成功!!!

《Cesium 进阶知识点》 - 离线瓦片数据(生成和开发)_第5张图片

二、代码开发

1、添加

// 注意这里使用 {reverseY},而不是 {Y}。因为在导出时选择的存储格式为 TMS
let layer = viewer.scene.imageryLayers.addImageryProvider(
    new Cesium.UrlTemplateImageryProvider({
        url: './cache/wuhan/{z}/{x}/{reverseY}.png',
        tilingScheme : new Cesium.WebMercatorTilingScheme()
    })
);

 官网点击此处《Cesium 进阶知识点》 - 离线瓦片数据(生成和开发)_第6张图片

2、删除

viewer.imageryLayers.remove(layer);

3、透明度设置

// 0 - 1,0 为全透明
layer.alpha = 0.5;

三、效果

《Cesium 进阶知识点》 - 离线瓦片数据(生成和开发)_第7张图片

 

你可能感兴趣的:(cesium)