GeoServer发布wms服务

首先创建一个工作区。

GeoServer发布wms服务_第1张图片

命名空间未http://www.test.com,此处的命名空间在做WFS查找时会用到。

GeoServer发布wms服务_第2张图片

新建好之后是可以看到的,然后我们点进去,

GeoServer发布wms服务_第3张图片

选择需要的服务,点击保存。

GeoServer发布wms服务_第4张图片

点击数据存储 ==> 添加数据

GeoServer发布wms服务_第5张图片

选择数据格式

GeoServer发布wms服务_第6张图片

填写名称描述,选择文件位置选保存。

GeoServer发布wms服务_第7张图片

发布,填写名称描述,坐标系按照数据中的填写就好,边框可以点击从数据中计算,然后保存就ok了;

GeoServer发布wms服务_第8张图片GeoServer发布wms服务_第9张图片GeoServer发布wms服务_第10张图片

接下来就是调用了,在cesium中
   var wmsImageryProvider = new Cesium.WebMapServiceImageryProvider({
      url: 'http://localhost:8080/geoserver/cesium/wms?', // 服务地址
      layers: 'topp:states', // 图层名称
      parameters: {
        transparent: true, // 是否透明
        format: 'image/png', // 返回格式
        srs: 'EPSG:4326',  // 坐标系
        styles: ''
      }
    })
    viewer.imageryLayers.addImageryProvider(wmsImageryProvider)

GeoServer发布wms服务_第11张图片
大功告成 over~

vue中调用存在跨域问题,戳这里。

你可能感兴趣的:(cesium之旅,GeoServer,WebGIS,Vue填坑之路)