部署
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);
效果