geoserver发布地图服务

news2025/7/8 20:05:48

geoserver发布地图服务

    • 发布wmts服务
      • 发布样式
    • 发布映像服务
    • 发布要素服务

发布wmts服务

  • 新建工作空间
    在这里插入图片描述
    保存后点击工作区
    在这里插入图片描述

  • 将shp文件上传到服务器
    在这里插入图片描述

  • 发布geoserver 服务
    选择数据存储-》添加新的数据存储
    在这里插入图片描述

这时可以选择两种方式
一种是直接将整个shp文件导入,一种是一个图层一个图层的导入。第二种相对麻烦,所以这里我们选择导入文件

点击“Directory of spatial files (shapefiles) ”进行文件源选择
在这里插入图片描述
上传shap文件后选择工作空间数据源名称,及编码格式(如果有中文,请选择GB2312)
在这里插入图片描述
然后保存
在这里插入图片描述

  • 发布图层
    点击图层-》选择添加新的资源-》选择图层
    在这里插入图片描述
    在这里插入图片描述
    然后就可以看到刚才上传的shap文件包含的图层数据
    在这里插入图片描述
    选择发布
    在这里插入图片描述

边框选择从数据中计算

然后点击应用,保存。这样我们就可以在图层预览中查看了
在这里插入图片描述
选择“openlayers”预览图层
在这里插入图片描述
需要注意的是这种方式发布的服务样式是系统默认的,不够美观,所以需要将图层关联样式文件使图层能够达到需要的视觉效果

发布样式

选择样式-》添加样式
在这里插入图片描述
样式文件存放在本地,根据发布的shap选择对应的样式文件
在这里插入图片描述

然后点击"upload" 加载样式信息
在这里插入图片描述
填写工作区,样式类型,然后保存
在这里插入图片描述
然后选择在图层中找到刚才发布的shap重新关联样式文件

在这里插入图片描述
进如页面,选择发布,点击默认样式,选择对应的样式文件
在这里插入图片描述
然后点击应用,保存。再在图层中进行预览
在这里插入图片描述
这样我们就完成了wmst服务的发布

发布映像服务

将映像文件上传到服务器
在这里插入图片描述
页面上选择“数据存储-》添加新的数据存储-》GeoTIFF”
在这里插入图片描述
然后和发布wmts服务流程一样,选择文件加载到geoserver
在这里插入图片描述
保存完成之后再图层中进行发布,步骤和wmst流程一致,完成后可在图层预览中查看

在这里插入图片描述

发布要素服务

上传shap到postgis数据库
使用Qgis进行上传,配置链接
在这里插入图片描述
链接数据库
在这里插入图片描述
选择导入图层数据,将shap导入数据数据库
在这里插入图片描述
在这里插入图片描述
上传完成之后,可以看到相关数据
在这里插入图片描述
在geoserver 中添加postgis数据存储
在这里插入图片描述
添加链接信息
在这里插入图片描述
最后保存。会自动跳转到发布页面,然后按照发布wmst格式服务方式发布数据

在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/406442.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

【TS】object类型

object是一个对象,在ts中定义对象类型的语法为:let 变量名 :object { } 在object类型中,对象内部定义的值是不受类型约束的,只要是一个object类型即可,例如: let obj : object {name : 艺术概…

HTML <span>标签

HTML 中的<span>标签被视为内联元素。它类似于 div 标记&#xff0c;但 div 标记特意用于块级元素&#xff0c;而 span 用于内联元素。它主要用于用户想要将内联元素分组到其代码结构中。HTML 中的 Span 标记用于通过使用元素类或 id 属性为特定内容提供样式。使用 HTML …

element-ui table使用type=‘selection‘复选框全禁用-全选禁用

目录 问题总结&#xff1a; 当条件数据全被禁用时&#xff0c;全选按钮也变成禁用的状态&#xff0c;而不是隐藏。有会做的小伙伴希望跟帖。谢谢&#xff01; 复选框框架&#xff1a;通过调用selectable方法&#xff0c;进行禁用复选框。 1.指定行禁用&#xff1a; 2.条件禁用&…

在Tomcat中部署web项目出现http状态-404 -未找到详细解决方案

问题描述&#xff1a; 当我们向tomcat服务器发起请求时&#xff0c;出现如下的错误状态提示–404.这个问题在开发过程中可能会经常遇到&#xff0c;所以做一个归纳总结&#xff1a; 以下的内容适用于IDEA&#xff0c;使用其他编辑器的小伙伴们需要注意区别。 情景① –> …

overflow:auto的用法和实现弹性盒横向滚动

1. 前言引入&#xff1a; overflow&#xff1a;auto含义是&#xff1a;如果高度撑开了原有设定的高度&#xff0c;那么可以添加这个属性&#xff0c;让它出现滚动条滚动显示。 举例说明&#xff1a; 我们做一个京东移动端&#xff0c;以iphone-XE分辨率为准的例子&#xff…

NavMenu导航菜单el-submenu点击事件及激活状态变化

记录多级菜单时&#xff0c;NavMenu导航菜单的一级菜单点击事件以及当前激活状态变化 原因&#xff1a; 由于项目的需求变化&#xff0c;原本是点击二级子菜单才发生跳转&#xff0c;点击子菜单后&#xff0c;el-menu组件也会执行select的方法&#xff0c;导航栏的菜单也会对应…

vue全局引入scss样式文件

在vue中全局引入非功能性的scss样式文件很简单&#xff0c;只需要在main.js文件中引入对应文件就行 import { createApp } from vue import App from ./App.vue import router from ./router import store from ./store // 全局引入样式文件 import /assets/scss/index.scss cr…

Vue3点击侧边导航栏完成切换页面内组件(WEB)

Vue3点击侧边导航栏完成切换页面组件 目录效果思路过程获取当前点击DOM并添加点击class将其它的导航未点击项isclick样式类去除完整代码导航代码显示页面代码路由设置感谢效果 点击左侧导航&#xff0c;右面页面切换。 思路 使用router-view显示点击后需要切换的组件&#xf…

uniapp 改写uni-data-picker级联选择器(带搜索和多选)新增列出选择和删除功能

效果演示 注意&#xff1a;视频中的数据是模拟数据&#xff0c;请自行定义数据才可使用&#xff0c;数据格式末尾有例子 uniapp 改写uni-data-pickeruni-data-picker.vue更改 <template><view class"uni-data-tree"><view class"uni-data-tree…

【微信小程序】自定义组件(一)

&#x1f381;写在前面&#xff1a; 观众老爷们好呀&#xff0c;这里是前端小刘不怕牛牛频道&#xff0c;小程序系列文章又更新了呀。 今天牛牛带来的是微信小程序的自定义组件入门知识&#xff0c;赶紧拿起小本本做笔记呀&#xff01; 文章目录一&#xff0c;创建和引用1.1 …

若依数据分页功能的实现

目录 一、问题引出 二、原理分析&#xff1a; ①前端部分&#xff1a; ②后端部分&#xff1a; 三、总结 一、问题引出 我们可以注意到若依界面中处理大量数据时&#xff0c;一个页面展示不过来时&#xff0c;会采纳多页处理的方法。 此时我们拿若依里边的系统管理中的日志…

Umi4 从零开始实现动态路由、动态菜单

Umi4 从零开始实现动态路由、动态菜单&#x1f355; 前言&#x1f354; 前期准备&#x1f4c3; 数据表&#x1f917; Mock数据&#x1f517; 定义类型&#x1f388; 开始&#x1f383; 获取路由信息&#x1f9f5; patchRoutes({ routes, routeComponents})&#x1f4f8; 生成动…

第二十一篇 vue组件引入使用

这篇内容是关于组件在Vue中的引入和使用&#xff1b;什么是组件以及做组件化的开发&#xff0c;在Vue中&#xff0c;组件是构成页面中独立结构单元&#xff0c;能够减少重复代码的编写&#xff0c;提高开发效率&#xff0c;降低代码耦合度&#xff0c;便于维护和管理&#xff1…

前端请求中body和query传参

前端发送请求最常用的是get请求和post请求 get请求只能传query参数&#xff0c;query参数都是拼接在请求地址上的。 post可以传body和query两种形式的参数。 get请求在url中传送的参数是有长度限制的&#xff0c;而post没有限制。 get比post更不安全&#xff0c;因为参数直接…

十、Echart图表 之 dataZoom区域缩放 基本使用与配置大全

&#x1f353; 作者主页&#xff1a;&#x1f496;仙女不下凡&#x1f496; &#x1f353; 前言介绍&#xff1a;以下&#x1f447;内容是我个人对于该技术的总结&#xff0c;如有不足与错误敬请指正&#xff01; &#x1f353;Echart官网地址&#xff1a;https://echarts.ap…

layui-icon各种常用动态图标

<buttonid"btnPrintDetail"class"<br/>layui-btnicon-btn"><iclass"<br/>layui-icon">&#xe66d;</i>明细打印</button> icon很多&#xff0c;选择起来纷繁复杂&#xff0c;罗列一点常用的&#xff0c;用…

uniapp scroll-view基础用法

前言 在uniapp日常开发的过程中经常会有局部滚动的需求&#xff0c;而scroll-view组件正好可以满足这一需求。需注意在webview渲染的页面中&#xff0c;区域滚动的性能不及页面滚动。 纵向滚动 将scroll-view组件中的属性scroll-y设定为true开启纵向滚动功能&#xff0c;给scr…

【vue2】axios请求与axios拦截器的使用详解

&#x1f973;博 主&#xff1a;初映CY的前说(前端领域) &#x1f31e;个人信条&#xff1a;想要变成得到&#xff0c;中间还有做到&#xff01; &#x1f918;本文核心&#xff1a;当我们在路由跳转前与后我们可实现触发的操作 【前言】ajax是一种在javaScript代码中发请…

SAP ABAP——SAP简介(三)【S/4 HANA前端显示界面】

&#x1f482;作者简介&#xff1a; Thunder Wang&#xff0c;一名热爱财税和SAP ABAP编程以及热爱分享的博主。目前于江西师范大学在读&#xff0c;同时任汉硕云&#xff08;广东&#xff09;科技有限公司ABAP开发顾问。在学习工作中&#xff0c;我通常使用偏后端的开发语言AB…

Ubuntu18.04安装Nvidia驱动【全网不坑,超全步骤】(亲测~)

Ubuntu18.04安装Nvidia驱动【全网不坑&#xff0c;超全步骤】亲测&#xff5e;为了方便以后回忆以及给像我一样的菜鸡提供思路&#xff0c;给出具体的步骤&#xff1a;No.1 查看自己的电脑显卡型号&#xff08;已知麻烦自动略过&#xff09;No.2 下载电脑对应的Nvidia版本驱动N…