Geoserver 部署及地图发布

部署

1． 从http://geoserver.org/下载GeoServer安装包；本人下载的是 geoserver-2.19.2-bin
2． 解压文件，目录结构如下：

3． 配置文件：start.ini；

4． 修改端口号

5．进入bin目录， 启动startup.bat

5．浏览器输入地址http://localhost:8080/geoserver，会打开geoserver的登录界面，如下图所示

发布地图服务

1． 输入用户名：admin，密码：geoserver，点击登录即可，会出现如下图所示界

2．在data_dir\data\shapefiles下，把shp地图文件拷贝进去

3． 在geoserver主界面左边导航菜单中点击工作区，会出现如下图

4． 界面中列出一些已经存在的工作区，为方便以后维护，我们还是要新建一个工作区，点击添加新的工作区。然后输入参数：在name：map，命名空间：http://localhost/map，点击默认工作区复选框，设置为默认工作区，所填内容如下所示：

5． 填写完后，点击保持按钮即可，显示工作区如下：

6．点击左侧数据存储菜单，会出现如下图所示界面：

7． 点击添加新的数据存储，会出现如下图所示界面：

8． 点击矢量数据源— Directory of spatial files (shapefiles) - Takes a directory of shapefiles and exposes it as a data store选项，会出现如下图所示界面：

9． 在数据源名称那里填入萧山河道，选择一下shapefiles文件所在目录，内容如下图所示：

10． 填写完之后，点击保存即可，会出现如下图所示界面：

11． 我们选中萧山河道，点击发布按钮，会出现如下图所示界面：

12． 我们只需要在定义SRS处点击查找，找到EPSG:4326，点击后，数据会自动填入到文本框：

13． SRS处理选择：强制声明，边框都从从数据中计算即可，内容如下图所示：

14． 填写完成后点击保存按钮即可，会看到图层列表已经把刚才添加的显示出来。

15． 点击左侧图层预览按钮，会出现如下图所示界面：

16． 找到刚才添加的图层，点击OpenLayers 按钮，会显示如下界面：

部署

创建地图容器

var map = new ol.Map({
    target: 'map',
    layers: [tian_di_tu_road_layer],
    overlays: [],
    view: new ol.View({
        center: [120.08477140837964,29.85314555743902],
        projection: 'EPSG:4326',
        zoom: 12
    }),
    //比例尺
    //controls: ol.control.defaults()
});

调用本地的wms图层

var layer = new ol.layer.Image({
	visible: true,
	source: new ol.source.ImageWMS({
		ratio: 1,
		url:'http://192.168.1.225:8080/geoserver/map/wms?service=WMS',
		params: {
			'FORMAT': 'image/png', 
			'VERSION': '1.1.0',
			'LAYERS': 'map:XS_RVAA',
			'STYLES': '',
		}
   })
});
map.addLayer(layer);

效果