geoserver发布wms地图服务图层及Cesium加载wms图层

一、geoserver发布wms地图服务

1.启动geoserver,打开geoserver服务主页面

  • 未安装geoserver请看安装geoserver,本篇文章详解讲解了geoserver在windows下的安装教程;
  • 启动geoserver,打开geoserver服务主页面如下所示:
    在这里插入图片描述

2.添加工作空间

在页面左侧面板选择“工作空间”,点击“添加新的工作空间“选项,在弹出的“新建工作空间”页面中输入工作空间名称及命名空间URI(可以随意输入一个),并单击“保存”按钮。这里将工作空间名称设置为"FirstCesium",随意填写一个命名空间URI”fa“为例;
在这里插入图片描述

3.添加数据源

(1)在页面左侧面板选择“存储仓库”,点击“添加新的存储仓库”选项,在弹出的“新建数据源”页面中选择栅格数据源“GeoTIFF”选项(这个可以根据自己的数据源来选择)
在这里插入图片描述
(2))跳转到“添加栅格数据源"页面,设置“工作空间”为我们刚刚创建的“FirstCesium",“数据源名称”为“fida”,“连接参数URL”为本地数据源所在路径(注意,GeoServer只支持地理坐标系,如果坐标系是投影坐标系,则GeoServer会报错,需要将坐标系转换为地理坐标系后进行发布),最后点击”保存“;
在这里插入图片描述

4.发布图层

(1)在栅格数据源添加完成单击“保存”按钮后,跳转到“新建图层”页面,然后单击“发布”按钮,跳转到“编辑图层”页面;
在这里插入图片描述
(2)在“编辑图层”页面中,检查基本信息(可以手动修改这些信息),之后单击“保存”按钮,即可进入“图层”页面;
在这里插入图片描述

(3)在”图层“页面可看到刚才添加的图层;
在这里插入图片描述

5.图层预览

(1)在页面左侧面板选择“图层预览”,找到刚才发布的图层”stace“;
在这里插入图片描述
(2)单击”OpenLayers“进行图层预览;
在这里插入图片描述

二、Cesium加载wms图层

1.记录加载参数

在预览图层时,按“F12”键,在弹出的窗口中选择“Network”选项卡,随意选择一个WMS请求,查看详细信息,并记录URL、LAYERS、SRS、BBOX等几个参数;
在这里插入图片描述

2.加载WMS

Cesium加载WMS,Cesium 提供了WebMapServicelmageryProvider类来加载由Web地图服务服务器托管的切片影像,并传入上一步骤中查看的参数。加载WMS的效果如下所示:
在这里插入图片描述Cesium加载wms关键代码:

var wmsImageryProvider = new Cesium.WebMapServiceImageryProvider({
  url: "/geoserverApi/Cesium/wms",
  layers: "FirstCesium:stace",
  parameters: {
    transparent: true, //是否透明
    format: "image/png", //返回格式
    srs: "EPSG:4326" // 坐标系
  }
})
// 将添加到Cesium Viewer中
const wmsLayer = viewer.imageryLayers.addImageryProvider(wmsImageryProvider);
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值