He cargado los datos de la capa de puntos WFS del geoServer con éxito. Y también puedo trazar la capa de puntos, pero la etiqueta no se mostraba. Agregué una etiqueta como parámetro de texto en la parte Estilo y el parámetro se parece a este text: '${name}',
Actualmente mi código se ve así:
var sourceWFS = new ol.source.Vector({ format: new ol.format.GeoJSON({ extractGeometryName: true }), title: geoServerLayerName, url: appConfigInfo.wfsurl + '/wfs?service=WFS&version=1.1.0&request=GetFeature&typename=' + geoServerLayerName + '&outputFormat=application/json', strategy: ol.loadingstrategy.bbox, projection: 'EPSG:4326' }); var vectorLayerWFS = new ol.layer.Vector({ source: sourceWFS, style: new ol.style.Style({ image: new ol.style.Icon(({ anchor: [0.5, 1], src: IconUrl })), text: new ol.style.Text({ text: '${name}', font: '12px Calibri,sans-serif', fill: new ol.style.Fill({ color: '#000' }), stroke: new ol.style.Stroke({ color: '#fff', width: 2 }), }) }) }); vectorLayerWFS.setProperties({ title: layerName }); mapObj.addLayer(vectorLayerWFS);El texto debe establecerse en una función de estilo.
var style = new ol.style.Style({ image: new ol.style.Icon(({ anchor: [0.5, 1], src: IconUrl })), text: new ol.style.Text({ font: '12px Calibri,sans-serif', fill: new ol.style.Fill({ color: '#000' }), stroke: new ol.style.Stroke({ color: '#fff', width: 2 }), }) }); var vectorLayerWFS = new ol.layer.Vector({ source: sourceWFS, style: function(feature) { style.getText().setText(feature.get('name')); return style; } });