openlayers 如何调用geoserver发布的wms服务

如何调用geoserver发布的wms服务

1. 启动geoserver，点击左侧导航工具栏中的Layer Preview找到自己相应调用的图层，点击Openlayer进行预览，如下图：

2. 在浏览器的地址栏中，http://localhost:8080/geoserver/sf/wms即为调用wms服务的url地址，还会有相应的版本号，请求类型，图层名等；

3. 利用如下代码，即可调用geoserver发布的wms服务

 //调用本地的wms图层
        var wmsLayer = new ol.layer.Image({
    
    
          visible: true,
          source: new ol.source.ImageWMS({
    
    
          ratio: 1,
          url:'http://localhost:8080/geoserver/sf/wms',
          params: {
    
    
           'FORMAT': 'image/jpeg',
           'VERSION': '1.1.0',
           'LAYERS': 'sf:roads',
           'STYLES': '',
       }
   })
});
map.addLayer(wmsLayer);