Geoserver配置以及发布geojson服务教程

最新推荐文章于 2024-06-06 21:59:00 发布

迷茫的小猿

最新推荐文章于 2024-06-06 21:59:00 发布

阅读量9.7k

点赞数 10

分类专栏： geoserver openlayer cad

本文链接：https://blog.csdn.net/weixin_43747076/article/details/106081501

版权

第一步：下载文件

先下载geoserver-2.17.0-bin压缩包，解压后再将geoserver-2.17-SNAPSHOT-vectortiles-plugin.zip解压，解压后获得的四个jar包复制到geoserver-2.17.0-bin\webapps\geoserver\WEB-INF\lib目录
在这里插入图片描述

配置环境变量：

第二步：运行

直接双击geoserver-2.17.0-bin\bin目录下的startup.bat文件，刚开始可能会出现端口冲突的问题，因为他的默认端口是8080

解决端口冲突问题：
打开geoserver-2.17.0-bin\start.ini:

# HTTP port to listen on
jetty.port=8082

将8080改为不冲突端口，我在这里改成了8082

再次运行，运行成功为下面这样：
在这里插入图片描述
你可以在浏览器打开该链接：http://localhost:8082/geoserver/web，如果是下面这样就说明你运行成功了，初始账号为admin，密码为geoserver

第三步：发布服务

举个例子：发布 Shapefile - ESRI™ Shapefiles (*.shp)（即shp）服务

1、创建工作区

点击左侧工作区按钮，然后点击添加新的工作区，name和命名空间URL你自己想填什么都行，然后点提交就行了
在这里插入图片描述

2、新建数据存储

点击左侧数据存储按钮，然后点击新增新的数据存储，然后点击 Shapefile，随便起个数据源名称，然后点击浏览按钮，将你的shp文件选上
在这里插入图片描述

选中后其他不用填，点击保存就行了，保存后点击发布按钮

点击发布按钮后需要再填几个参数，我这里选择的坐标系是3857

ok，这时候你就可以点击Layer Preview按钮，找到你发布的那个图层

点击openlayers按钮就可以查看了

第四步：使用openlayer加载你的服务

1、普通加载

上面你点击openlayers按钮跳转到预览页面，将你的浏览器里的地址copy下来，等会使用openlayers.js加载会用到
在这里插入图片描述
代码：

<!doctype html>
<html lang="en">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <!-- <link rel="stylesheet" href="https://openlayers.org/en/v3.20.1/css/ol.css" type="text/css"> -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/openlayers/4.6.5/ol.css"
          integrity="sha256-rQq4Fxpq3LlPQ8yP11i6Z2lAo82b6ACDgd35CKyNEBw=" crossorigin="anonymous"/>
    <script src="jquery-3.4.1/jquery-3.4.1.min.js"></script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/openlayers/4.6.5/ol.js"
            integrity="sha256-77IKwU93jwIX7zmgEBfYGHcmeO0Fx2MoWB/ooh9QkBA="
            crossorigin="anonymous"></script>
    <!-- <script src="https://openlayers.org/en/v3.20.1/build/ol.js" type="text/javascript"><