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

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

OpenCowork 实测:支持本地文件、飞书机器人的 Windows AI 助手(只需配置 Token)

目的 找一款window 本地ai助手,但有如下要求 1)windows一键安装,带gui界面,操作简单 2)直接操作本地文件,能生成和写入本地文件内容 3)配置token 即可,无需绑定账号登陆 测试效果 OpenCowork 可直接操作本地电脑文件,并支持接入飞书机器人应用,实现类似 OpenClaw 的电脑操作能力; 但整体更适合本地文档生成、资料整理、代码或文本批量处理等场景。相比云端 AI,在生成速度、工具能力和复杂任务支持方面仍有差距,尤其在长文档生成和多工具协作时效率与稳定性较弱,因此更适合作为本地文件处理的辅助工具,而非替代云端 AI。 OpenCowork 很多自动化能力依赖python,你可以自己升级一下python,然后让OpenCowork 检测环境是不是最新的,并升级一下; 1 安装 OpenCowork 客户端 下载地址 https://github.com/AIDotNet/OpenCowork 找右侧侧

ComfyUI ControlNet Aux插件完全安装指南:从零开始掌握AI绘画神器

ControlNet Aux插件是AI绘画领域的全能工具,它集成了数十种图像预处理功能,能够将普通图片转化为AI模型能理解的格式。无论你是想要生成精确的线稿、深度图,还是想要控制人物的姿势,这个插件都能帮你实现。 【免费下载链接】comfyui_controlnet_aux 项目地址: https://gitcode.com/gh_mirrors/co/comfyui_controlnet_aux 快速安装:一键部署完整环境 方法一:标准安装流程 首先,确保你已经安装了ComfyUI主程序。然后在ComfyUI的custom_nodes目录下执行: git clone https://gitcode.com/gh_mirrors/co/comfyui_controlnet_aux 等待克隆完成后,重启ComfyUI,插件就会自动加载并开始下载必要的模型文件。 方法二:手动安装(适合网络环境不佳的用户) 如果自动下载遇到问题,可以采用手动安装方式: 1.

无人机地面站QGC的安装(ubuntu20.04)

无人机地面站QGC的安装(ubuntu20.04) 1.安装依赖 使用以下命令: sudo usermod -a -G dialout $USER sudo apt-get remove modemmanager -y sudo apt install gstreamer1.0-plugins-bad gstreamer1.0-libav gstreamer1.0-gl -y sudo apt install libfuse2 -y sudo apt install libxcb-xinerama0 libxkbcommon-x11-0 libxcb-cursor0 -y 2.下载安装包 可以直接去官网下载,链接地址:https://docs.qgroundcontrol.com/master/en/qgc-user-guide/

AIOps实践:基于 Dify+LangBot 实现飞书智能体对话机器人

AIOps实践:基于 Dify+LangBot 实现飞书智能体对话机器人

文章目录 * AIOps实践:Dify接入飞书实现与智能体对话 * 前言 * 环境搭建 * 1、Docker环境搭建 * 2、LangBot搭建 * 3、编辑流水线 * 4、配置飞书机器人 * 5、创建机器人 * 6、进行测试 * 附:遇到的问题 AIOps实践:Dify接入飞书实现与智能体对话 前言 前端时间把dify的智能体接入到了Prometheus和夜莺上,实现了与智能体的基本对话,并可以调取Prometheus数据进行分析,在那之后就开始深度研究AIOps实现原理于深度赋能运维的可能性,所以正在研究AIOps的核心:MCP Server;现在还并未成型,在研究的过程中,就想到了可否基于dify的agent,连接自建的mcp服务器,对接到飞书的机器人上,这样就可以和智能体进行对话,配合成型的mcp,就可以基本实现AIOps。 这里需要借助一个三方的开源工具LangBot,LangBot是一个生产级多平台 LLM 机器人开发平台。那么就开始实践吧: MCP Server开发的当前阶