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

最新推荐文章于 2024-07-24 15:08:39 发布

啦啦啦种太阳wqz

最新推荐文章于 2024-07-24 15:08:39 发布

阅读量2.7k

点赞数 2

文章标签： geoserver openlayer openlayer调用geoserver发布的wms服务

本文链接：https://blog.csdn.net/qq_29602347/article/details/102474667

版权

如何调用geoserver发布的wms服务

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

在这里插入图片描述

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

在这里插入图片描述

利用如下代码，即可调用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);