geoserver发布tif矢量数据图层

cesium加载上传至geoserver的tif矢量数据_cesium加载tiff-CSDN博客

geoserver安装及跨域问题解决方案：geoserver安装及跨域问题解决方案_geoserver 跨域_1 + 1=王的博客-CSDN博客

将TIF上传至geoserver

启动geoserver服务，并进入geoserver主页。

1. 新建工作区

1. 点击工作区，再点击添加新的工作区。

   2.填入工作区名称以及命名空间URI，点击保存。

2. 新建数据源

1. 点击数据存储，再点击添加新的数据存储。

2. 选择GeoTIFF

3.填入数据源信息

3. 新建图层

1. 点击图层，再点击添加新的资源。

2.选择刚刚创建的数据源，点击发布

3.设置相关信息

点击Tile Caching

4. 查看发布的tif

点击Layer Preview ，找到刚才新建的图层，点击OpenLayers。

即可预览，上传的tif。

Cesium

cesium官网：Cesium: The Platform for 3D Geospatial。

通过geoserver加载tif

直接上代码：

引入cesium并创建一个地球

新建一个图层

var provider = new Cesium.WebMapServiceImageryProvider({        //创建一个图层（geoserver中的tif）
            url:'http://localhost:8080/geoserver/test/wms',         // geoserver服务地址
            layers: 'test:img05',                                // 工作区名：图层名
              parameters: {
              service : 'WMS',
                  format: 'image/png',
                  srs: 'EPSG:4326',                                 // 坐标系
                  transparent: true,
              }

        });

在地图上显示

这时会发现地球上仍然什么都没有，这是由于我们还没有设置相机的位置。

//设置相机位置
viewer.camera.setView({
            destination:Cesium.Cartesian3.fromDegrees(104.14,33.16,200000.0),   // 经纬度和高度
        });

这样就看到了想要的效果。