Cesium加载正射影像方案

Cesium加载正射影像方案

步骤1:准备高清正射影像图

准备一幅品质优良的正射影像图:

  • 影像格式为 *.tif ,如:D:\Users\gisleung\Desktop\cesium加载正射影像方案\01 测试正射影像\new_file.tif
  • 须包含正确坐标系

步骤2:安装CesiumLab工具

  • 官网下载地址:Cesium实验室官网 (cesiumlab.com)
  • 安装后需要登录

步骤3:使用工具对影像进行切片

  1. 选择正射影像,如:D:\Users\gisleung\Desktop\cesium加载正射影像方案\01 测试正射影像\new_file.tif
  2. 设置参数(一般默认)
  3. 存储类型选择散列
  4. 选择输出路径,如:D:\Users\gisleung\Desktop\cesium加载正射影像方案\03 输出瓦片\tempTiles
  5. 提交处理,等待处理完成
    Cesium加载正射影像方案_第1张图片

Cesium加载正射影像方案_第2张图片

步骤4:通过web服务器发布瓦片

Cesium加载正射影像方案_第3张图片

  • 将瓦片目录(tempTiles)拷贝至web服务器,如:nginx发布路径
  • 提供瓦片目录访问地址,作为服务地址,如:http://80.150.231.160:8888/webdata/maptile/tempTiles

步骤5:在Cesium中加载正射影像瓦片

  • 扩展服务地址:如:http://80.150.231.160:8888/webdata/maptile/tempTiles/{z}/{x}/{y}.png
  • 通过以下代码即可实现在Cesium中加载影像
let domImage = new Cesium.UrlTemplateImageryProvider({
                "url": "http://80.150.231.160:8888/webdata/maptile/tempTiles/{z}/{x}/{y}.png"
              })
viewer.scene.imageryLayers.addImageryProvider(domImage)
  • 加载结果

你可能感兴趣的:(Cesium,javascript)