Tengo algunos puntos con sus datos provenientes de postgis a geoserver, luego agregué estos puntos a mi mapa pero necesito mostrar su información cuando hago clic en ellos.

 const approvedUsers = new ol.layer.Vector({ title: 'Usuarios encuestados', source: new ol.source.Vector({ format: new ol.format.GeoJSON(), url: function (extent) { return ( 'https://know.ncn.pe/geoserver/wfs?service=WFS&' + 'version=1.1.0&request=GetFeature&typename=approvedUser&' + 'outputFormat=application/json&srsname=EPSG:3857&' + 'bbox=' + extent.join(',') + ',EPSG:3857' ); }, strategy: ol.loadingstrategy.bbox, }), style: new ol.style.Style({ image: new ol.style.Icon({ anchor: [0.5, 0.5], size: [28, 19], offset: [1, 1], scale: 1, src: 'assets/img/approvedUser.png', }), }), });

trató de obtener datos como este:

 let clickeado = new ol.interaction.Select(); map.addInteraction(clickeado); map.on('singleclick',function(e){ approvedUsers.once('precompose',function(e){ let seleccionado = clickeado.getFeatures(); readFeatures(seleccionado); }); function readFeatures(features){ let dataFromWMS = features.item(0); console.log(dataFromWMS.get('construido')); } });

Estos son los datos que tengo en geoserver