帮我写一个openlayers的WMS属性查询

当然，我会努力帮你找到答案。以下是openlayers的WMS属性查询的基本方法：

1. 创建图层：

var layer = new ol.layer.Tile({
  source: new ol.source.TileWMS({
    url: 'http://your-wms-server.com/wms',
    params: {
      'LAYERS': 'your_layer_name',
      'VERSION': '1.1.1',
      'TILED': false,
    },
    serverType: 'mapserver',
  }),
});
map.addLayer(layer);

2. 添加鼠标事件监听器：

map.on('singleclick', function (evt) {
  //点击地图时执行此函数
  var viewResolution = map.getView().getResolution();
  var url = layer.getSource().getGetFeatureInfoUrl(
    evt.coordinate,
    viewResolution,
    'EPSG:3857',
    {INFO_FORMAT: 'text/html'}
  );
  if (url) {
    //请求URL返回HTML
    fetch(url)
      .then(function (response) { 
        return response.text();
      })
      .then(function (html) {
        //在查询窗口中显示HTML内容
        showFeatureInfo(evt.coordinate, html);
      });
  }
});

function showFeatureInfo(coordinate, html) {
  var popup = new ol.Overlay({
    element: document.getElementById('popup'),
    positioning: 'bottom-center',
    stopEvent: false,
    offset: [0, -50],
  });
  map.addOverlay(popup);
  //在弹出窗口中显示HTML内容
  popup.setPosition(coordinate);
  document.getElementById('popup-content').innerHTML = html;
}

3. 在HTML页面中添加查询窗口：

<div id="popup">
  <div id="popup-content"></div>
  <a href="#" id="popup-closer" class="ol-popup-closer"></a>
</div>

以上是openlayers的WMS属性查询的基本方法，你可以根据自己的需求对代码进行修改。希望对你有所帮助！