¿Cómo agregar una capa WFS simple de GeoServer al mapa OpenLayers?

Estoy tratando de agregar uno de los conjuntos de datos incluidos con GeoServer a un mapa OpenLayers. He seguido los tutoriales de OpenGeo, he visto un hilo similar aquí, pero parece que no puedo descifrarlo. ¿Alguien puede echar un vistazo a mi código y la configuración de GeoServer y decirme dónde me estoy equivocando?

Aquí está mi código:

//WMS map
world = new OpenLayers.Layer.WMS("Global Imagery", "http://maps.opengeo.org/geowebcache/service/wms", {
    layers : "openstreetmap",
    format : "image/png"
});
map.addLayer(world);

//WFS
parks = new OpenLayers.Layer.Vector("WFS", {
    strategies : [new OpenLayers.Strategy.BBOX()],
    protocol : new OpenLayers.Protocol.WFS({
        url : "http://localhost:8081/geoserver/wfs",
        featureType : "medford:parks",
        featureNS : "http://medford.opengeo.org/medford"
    })
});

map.addLayer(parks);

map.zoomToMaxExtent();

Detalles del GeoServer: nombre del espacio de trabajo = medford, URI del espacio de nombres = http://medford.opengeo.org Para el tipo de característica he intentado "parques" y "medford: parques"

La capa está habilitada, anunciada y tiene un límite de retorno de 30 funciones.

Estoy luchando por armar un mapa simple.

Solución actualizada Trabajando ahora.

wfs = new OpenLayers.Layer.Vector("Fields_WFS", {
        strategies : [new OpenLayers.Strategy.Fixed()],
        protocol : new OpenLayers.Protocol.WFS({
        version : "1.1.0",
        url : GEOSERVER_HOST + ":" + GEOSERVER_PORT + "/geoserver/wfs", 
        featurePrefix : "rpid",
        featureType : "FIELDS_SUBSET_BNG_OSGB36_1",
        featureNS : "<namespace>", 
        //geometryName : "GEOM", type "Geometry"
        srsName : "EPSG:27700"
}),
    renderers : renderer
})

No necesita especificar el nombre de geometría en la definición de capa. Dado que el SRS nativo era nulo en nuestro conjunto de datos, si mantenemos geometryName de lo que toma por defecto, pero sin él, utiliza la proyección del mapa (27700- en nuestro caso).

Echa un vistazo a mi respuesta en esta publicación .

1. Asegúrese de que su valor de featureNS esté en la "Editar página de espacio de trabajo bajo URI de espacio de nombres" en su GEOSERVER. No use algo tan genérico como " http://postgis.org ". Use algo como " http: // yourdomain / application / catalogLayer " o algo único como eso. Puedes inventar este URI, solo hazlo único.
2. Tiene una nueva BBOX () como estrategia, pero ¿qué tiene esa caja como dimensiones? Lo cambiaría a [new OpenLayers.Strategy.Fixed ()] para probarlo.
3. featureType no es realmente el tipo de geometría, es su "Nombre de capa" en GEOSERVER (lo sé, engañoso).
4. geometryName es el nombre del campo en su base de datos postgis que tiene el tipo de datos Geometry. En GEOSERVER, en "Editar capa" puede ver en la parte inferior "Detalles del tipo de característica". Allí verá un campo con el tipo "Geometría". Use el valor debajo de la columna de propiedades

Especificaría featurePrefix y versión. Intenta algo como esto:

var wfs = new OpenLayers.Layer.Vector(
            "Stavros Features",
            {
                strategies: [new OpenLayers.Strategy.Fixed()]
                , projection: new OpenLayers.Projection("EPSG:4326")
                , protocol: new OpenLayers.Protocol.WFS({
                    version: "1.1.0",
                    url: "http://localhost:8081/geoserver/wfs",
                    featurePrefix: 'myWorkspace', //geoserver worspace name
                    featureType: "medford:parks", //geoserver Layer Name
                    featureNS: "http://medford.opengeo.org/medford", // Edit Workspace Namespace URI
                    geometryName: "bounds" // field in Feature Type details with type "Geometry"
                })
            });

Lo primero que debe verificar: ¿está su servidor / página web de prueba en 'medford.opengeo.org'? Si no es así, no podrá acceder a WFS debido a la Política del mismo origen . Técnicamente, puede usar un proxy para solucionar esto. (aunque en mi opinión esto es solo un caso de WFS siendo un protocolo mal diseñado)

Su problema es que tiene el prefijo en el nombre de la función y un espacio de nombres, esto es confuso GeoServer (y / o OpenLayers).

Tratar:

 featureType : "parks",

Tengo algunos ejemplos de WFS en http://ian01.geog.psu.edu/geoserver/www/wfs/index.html con código fuente comentado que puedes estudiar.

simplemente corrija su tipo de característica de "medford: parques" a "parques"

var wfs = new OpenLayers.Layer.Vector(
            "Stavros Features",
            {
                strategies: [new OpenLayers.Strategy.Fixed()]
                , projection: new OpenLayers.Projection("EPSG:4326")
                , protocol: new OpenLayers.Protocol.WFS({
                    version: "1.0.0",
                    url: "http://localhost:8081/geoserver/wfs",
                    featureType: "parks", //geoserver Layer Name without workspace prefix
                    featureNS: "http://medford.opengeo.org/medford"

                })
            });

Ver jsfiddle como ejemplo: http://jsfiddle.net/expedio/ucrtthya/

Tu codigo esta bien. Solo necesita cambiar la dirección del navegador de su página. Dirija la página de su navegador a través de "localhost: 8080 / geoserver / www / your_file_name.html" en lugar de "file: \ c ......"

Entonces la capa vectorial se renderizará perfectamente.