第一步:下载文件
先下载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"><