WEBGIS：从创建空间数据库、发布数据到调用WMS服务全栈演示

Ne0inhk

— 11 min read
WEBGIS：从创建空间数据库、发布数据到调用WMS服务全栈演示

一、将shp数据导入到postgis数据库

  1. 安装所需要的软件和环境，需要PostgreSQL数据库文件创建和存储软件和postgis空间数据导入工具软件：以下是我安装的相关软件的版本，安装的版本首选稳定性
Postgresql15：用于创建数据库和管理数据 下载网址（https://www.postgresql.org/download/）

Postgis-bundle-pg15：用于导入具有空间属性的数据到创建的数据库里面，根据Postgresql的版本来下载相对应的版本。
下载网址（https://www.postgresql.org/download/）
  1. 打开postgresql软件下面的pgmin模块，输入密码（该密码就是安装该软件的时候设置的密码）
  2. 刷新网址就可以看到软件界面都变成中文显示
  3. 创建数据库：右键左边栏的数据库然后创建一个新的数据库，数据库命名，然后选择数据库的用户（postgres），创建好数据库之后还没有结束
  4. 数据确定导入：设置好SRID后点击导入 ，导入成功之后就可以使用pgmin软件打开数据库然后进行SQL语句查询

连接数据库：点击最上方的【View connection details…】选项然后填写导入的目标数据库相关信息

在这里插入图片描述


图表 1：该表是一个示例，第一个是数据库拥有者的名字，第二个是数据库的密码，第三个是默认的，最后一个是自己创建的数据库的名字

空间数据导入到SQL数据库：首先打开安装的postgis软件中的（PostGIS Post Boundle 1 for PostgreSQL *64 15Shapefile and DBF Loader Exporter）模块，然后点击添加文件，将需要导入的矢量文件选中，然后就可以看到这个界面：

在这里插入图片描述


接下来要设置里面的SRID码，该代码就是指代该空间数据的地理或投影坐标系的编号，我们可以使用Arcmap软件打开该矢量数据，然后查看该数据属性（源）就可以获取该矢量数据的SRID码

创建数据库拓展服务：选中新建的数据库，然后点击：

在这里插入图片描述


该功能框进入到数据库查询界面，在该界面输入：create extension postgis；然后点击运行按钮（▶）就可以启动拓展服务

在这里插入图片描述

设置软件中文显示：

在这里插入图片描述


在这里插入图片描述

二、将postgis数据库中的数据发布成标准地图服务

  1. 需要安装的软件或者应用有：

1.1先安装Java的运行环境（安装可以存放到D盘），安装结束后可以配置运行路径，然后打开cmd（win + r）输入：java -version
1.2然后安装 Tomcat服务器，该安装路径要与Java的安装路径是一致的，安装过程中需要注意的是有一个安装用户和密码的设置，后续使用tomcat登录服务器访问geosever服务然后登陆使用的账号就是这个

在这里插入图片描述


访问localhost:8080端口查看是否可以成功访问

1.3安装geosever：将【geosever.war】压缩包文件裁剪然后粘贴到(./Tomcat7.0/webapps)的目录下就可以了，粘贴后会自动出现一个geosever文件夹（或者可以手动解压到该文件夹目录下）至于该安装包的下载可以直接访问

geosever官网https://geoserver.org/download/
在这里插入图片描述


在这里插入图片描述

Figure ：以上是我下载的相应软件的版本安装包和压缩包2. 安装所需的软件之后我们可以基于以下两个步骤来访问到geosever网站

2.1步骤一：访问tomcat软件的端口localhost:8080，然后在该网页点击【ManageApp】输入账号和密码（这里的信息就是安装tomcat是设置的账号和密码，一般为admin和123456），进去管理员的界面，我们要点击启动geosever，启动服务。

在这里插入图片描述

2.2步骤二：直接输入网址：

http://localhost:8080/geoserver/web/

就可以跳转到geosever网址（当然这两种方法都是在已经启动tomcat服务器的前提下），进入网址之后也要登录用户（这里登录的与tomcat那里登录的用户和密码是一样的）

在这里插入图片描述

添加新的数据存储：点击【数据存储】，然后点击【添加新的数据存储】，在对话框里面选择要导入的数据类型的数据库，我们导入的是矢量数据，所以
将里面的数据库数据添加到新的数据工作区，这里选择postgis来导入矢量数据
接下来还要设置几个参数：

这一张示意截图不是我自己创建的，这个是我在网上学习的时候顺便截的，是B站的一名技术博主，如果有侵犯权益联系我删除

>这一张示意截图不是我自己创建的，这个是我在网上学习的时候顺便截的，是B站的一名技术博主，如果有侵犯权益联系我删除

Geosever创建新的工作区：点击左边菜单栏的【工作区】，然后点击【添加新的工作区】，给新建的工作命名，命名空间也是随便（有一定格式），除此之外还要选择服务（这里选择WMS和WFS服务，WFS服务开启方便后续进行数据动态更新和修改与序列化），最后可以点击【提交】

在这里插入图片描述


在这里插入图片描述

4.1工作区：选择刚刚新建的工作区
4.2数据源名称：这里是自己新命名一个新的名称（建议英文）
4.3database：选择要导入的数据库（本次在postgreSQL 15新建的数据库名称）
4.4user：数据库的拥有者，一般为posgres
4.5passwd：数据库的密码（就是在pgmin那里新建的数据库的密码123456）

在这里插入图片描述
  1. 出现问题：通过导入数据库的形式来发布数据库的空间数据但是没有自动跳转到发布的界面，这时候你需要确定新建的工作区是否选择服务，确定选择服务了之后就点击左边菜单栏的【服务】里面的【WMS】，然后再此界面选择新建的工作区，就可以发布连接的数据库里面的数据表作为新图层了

数据预览：点击左边菜单栏的【layer view】，然后找到自己的工作区，点击添加的图层名称就可以预览数据啦

在这里插入图片描述


在这里插入图片描述

如果没有发布选项，我们可以点击左边菜单栏下的【数据】目录下的【图层】选项，然后再点击【添加新的资源】，再选择新建的工作区导入的数据库作为新的图层，就可以看到成功导入的postgis数据库下面的数据表，然后依次点击发布即可（发布里面的设置按照上面的示例）

在这里插入图片描述

设置好之后就可以点击【保存】，然后点击【发布】，点击发布还会进入到设置阶段，在这里需要设置边框数据（一般是自动计算出来），计算出来之后就可以点击保存了

在这里插入图片描述

三、使用OpenLayers调用wms服务加载发布地图

  1. 具体实现效果：可以使用open layers地图框架在浏览器应用上面调用Geosever发布的地图服务。
  2. 打开geosever管理客户端：localhost:8080/geosever/web，点击图层栏然后先选择要导入的图层（这些图层都是已经提前发布好的了）
  3. 调用WMS数据源的语法结构：
//WMS图层 - ImageLayer类型(先增加数据源然后增加数据图层)const WMSsource =newImageWMS({url:'http://localhost:8080/geoserver/WEBsevse/wms',params:{'LAYERS':'WEBsevse:bou2_4p','VERSION':'1.1.0','FORMAT':'image/png','TRANSPARENT':true,'SRS':'EPSG:4326','STYLE':''},serverType:'geoserver',crossOrigin:'anonymous',ratio:1});const WMSLayer =newImageLayer({source:WMSsource,opacity:0.7,visible:true})
  1. crossOrigin是跨域配置：anonymous表示任何人都可以访问

自有数据加载成功界面：

在这里插入图片描述


点击【切换为城市矢量地图】按钮切换图层

在这里插入图片描述

如果出现报错：由于跨域问题（编译器是localhost：5432，浏览器是localhost：8080）无法加载数据，我们可以采用以下解决方案(可以选择添加服务，如果源文件有对应的代码，只是被注释掉了，我们取消注释即可，该文件位于tomcat/conf/web.xml)

在这里插入图片描述


说明：如果源web.xml文件里面没有对应的跨域服务，我们可以自己添加对应的代码，但是一定要好好检查，一般是有的，只是被注释掉了

params里面的参数设置是数据源信息的设置，没有规律可言，要在geosever数据查询的网页那里查看：

在这里插入图片描述


说明：差不多是这样（不重要，可以继续往下做）

注意参数设置：第一个参数是url，geosever地图服务的地址，这个地址可以直接在geosever里面的数据浏览那里的网页复制，或者可以在该浏览器页面然后点击【检查】来实现请求来查看url码：
方法一：直接复制浏览器界面的头顶位置上面的网址，里面有url需要的信息

在这里插入图片描述


方法二：

在这里插入图片描述


在这里插入图片描述


以上三张查看url码的截图也是我在B站学习时直接截取的（只是一个方法和途径说明的作用）

结语：创作不易，给个赞吧🥺。文章如有不对的地方或者对文章有疑问的欢迎私信or联系小编，交流乐意至极。如果需要小编的完整web地图项目（or只需要代码）的欢迎留言。

Read more

Java IO详解：File、FileInputStream与FileOutputStream

Java IO详解：File、FileInputStream与FileOutputStream

文章目录 * 引言：Java IO体系与文件操作 * 第一章：IO流基础概念 * 1.1 什么是流（Stream） * 1.2 Java IO流的分类 * 1.3 文件IO的核心类 * 第二章：File类深度剖析 * 2.1 类的定义与核心字段 * 2.2 构造方法：创建File对象 * 2.3 常用API详解 * 2.3.1 获取文件和目录基本信息 * 2.3.2 判断功能 * 2.3.3 列出目录内容 * 2.3.4 创建与删除 * 2.3.5 重命名与移动 * 2.

By Ne0inhk
能做影视级可商业视频的AI工具，Seedance 2.0 全球首发实测

能做影视级可商业视频的AI工具，Seedance 2.0 全球首发实测

如果你是短片导演、影视团队，或者长期做内容的自媒体，一定有同感： AI 视频不是不好，而是太“难用”。 * 想复刻一个爆款运镜，结果画面乱飞 * 想做商用级视频，角色和产品每一帧都在变 * 想快点出片，却被排队、算力、复杂参数拖住 大多数 AI 视频工具的现状是： 看 Demo 很震撼，真到实操，全靠赌。 而 Seedance2.0 给我的第一感受是—— 它不是在“秀模型能力”，而是在解决真实创作流程中的控制问题，把“做视频”这件事，拉回到像 P 图一样直觉、可控。 一、模型重磅发布：Seedance2.0 到底解决了什么？ Seedance2.0 是即梦最新一代视频模型，核心定位非常明确： 影视级质量 + 商业可用 + 一站式生成。

By Ne0inhk
【JAVA探索之路】简单聊聊Kafka

【JAVA探索之路】简单聊聊Kafka

目录 一、Kafka核心概念与架构 核心概念解析 集群架构一览 二、Kafka核心特性与工作原理 顺序I/O与零拷贝 生产者可靠性保证 精确一次语义 三、Kafka关键API与生态系统 四、Kafka运维管理 五、Kafka典型应用场景 一、Kafka核心概念与架构 要掌握 Kafka，必须从理解其精心设计的基本模型开始。 核心概念解析 * 消息与批次：Kafka 的基本数据单元称为“记录”，包含键、值和时间戳。为提高效率，多条记录会组合成“批次”进行传输。 * 主题与分区：消息按“主题”进行分类，类似于数据库的表。每个主题可被分割为多个“分区”，这是 Kafka 实现并行处理和横向扩展的基石。消息在分区内按追加顺序存储，并分配一个单调递增的偏移量，从而保证了消息的顺序性。 * 生产与消费：生产者将消息发布到指定主题的特定分区；消费者则以“拉”

By Ne0inhk
Java Map常用方法和实现类深度详解

Java Map常用方法和实现类深度详解

文章目录 * 前言 * 第一章 Map接口概述 * 1.1 Map的继承体系 * 1.2 Map的核心特性 * 1.3 存储结构的理解 * 第二章 HashMap：最常用的Map实现 * 2.1 底层数据结构演进 * 2.2 核心源码深度解析 * 2.2.1 重要成员变量 * 2.2.2 设计哲学解读 * 2.3 put方法执行流程 * 2.4 扩容机制（resize） * 2.5 线程安全问题 * 第三章 LinkedHashMap：保持插入顺序 * 3.1 数据结构特点 * 3.2 两种排序模式 * 3.

By Ne0inhk