openlayers访问wms并且获取要素信息

要使用OpenLayers访问WMS并获取要素信息，你需要以下步骤：

1. 创建一个WMS图层对象并添加到地图中：

var wmsLayer = new ol.layer.Image({
  source: new ol.source.ImageWMS({
    url: 'http://localhost:8080/geoserver/wms',
    params: {'LAYERS': 'workspace:layername'},
    serverType: 'geoserver'
  })
});

map.addLayer(wmsLayer);

2. 监听地图鼠标移动事件并获取像素坐标：

map.on('pointermove', function(evt) {
  var pixel = map.getEventPixel(evt.originalEvent);
});

3. 使用像素坐标和WMS图层的GetFeatureInfo请求获取要素信息：

map.on('singleclick', function(evt) {
  var viewResolution = map.getView().getResolution();
  var url = wmsLayer.getSource().getGetFeatureInfoUrl(
    evt.coordinate,
    viewResolution,
    'EPSG:3857',
    {'INFO_FORMAT': 'application/json'}
  );

  if (url) {
    fetch(url)
      .then(function(response) {
        return response.json();
      })
      .then(function(json) {
        console.log(json);
      });
  }
});

在第3步中，我们使用`getGetFeatureInfoUrl`方法生成一个GetFeatureInfo请求的URL，并使用`fetch`方法获取响应。获取的响应是一个JSON格式的要素信息。你可以根据你的需求对要素信息进行处理。