Como adicionar uma camada WFS simples do GeoServer ao mapa OpenLayers?

Estou tentando adicionar um dos conjuntos de dados incluídos com o GeoServer a um mapa do OpenLayers. Eu segui os tutoriais do OpenGeo, vi tópicos semelhantes aqui, mas não consigo decifrá-lo. Alguém pode dar uma olhada no meu código e na configuração do GeoServer e me dizer onde estou errado?

Aqui está o meu 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();

Detalhes do GeoServer: nome da área de trabalho = medford, URI do namespace = http://medford.opengeo.org Para o tipo de recurso, tentei "parques" e "medford: parques"

A camada está ativada, anunciada e tem um limite de retorno de 30 recursos.

Estou lutando para montar um mapa simples.

Solução atualizada. Trabalhando agora.

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
})

Não precisa especificar o nome da geometria na definição de Camada. Como o SRS nativo era nulo em nosso conjunto de dados, se mantivermos geometryName do que o padrão, mas sem ele, ele usará a projeção de mapa (27700- no nosso caso).

Dê uma olhada na minha resposta neste post .

1. Verifique se o valor featureNS está na "Editar página da área de trabalho em URI do espaço para nome" no seu GEOSERVER. Não use algo tão genérico como " http://postgis.org ". Use algo como " http: // seudominio / aplicativo / catalogLayer " ou algo único assim. Você pode criar esse URI, apenas torná-lo único.
2. Você tem o novo BBOX () como estratégia, mas o que essa caixa tem como dimensões? Eu mudaria para [novo OpenLayers.Strategy.Fixed ()] para teste.
3. featureType não é realmente o tipo de geometria, é o seu "Nome da camada" no GEOSERVER (eu sei, enganoso).
4. geometryName é o nome do campo no seu banco de dados postgis que possui o tipo de dados Geometry. No GEOSERVER, em "Editar camada", você pode ver na parte inferior "Detalhes do tipo de recurso". Lá você verá um campo com o tipo "Geometria". Use o valor na coluna de propriedades

Eu especificaria featurePrefix e versão. Tente algo como isto:

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"
                })
            });

Primeira coisa a verificar: a sua página de servidor / teste está em 'medford.opengeo.org'? Caso contrário, você não poderá acessar o WFS devido à mesma diretiva de origem . Tecnicamente, você pode usar um proxy para corrigir isso. (embora, na minha opinião, este seja apenas um caso de WFS ser um protocolo mal projetado)

Seu problema é que você tem o prefixo no nome do recurso e um espaço para nome que confunde o GeoServer (e / ou o OpenLayers).

Experimentar:

 featureType : "parks",

Eu tenho alguns exemplos do WFS em http://ian01.geog.psu.edu/geoserver/www/wfs/index.html com o código fonte comentado que você pode estudar.

basta corrigir o tipo de característica de "medford: parques" para "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"

                })
            });

Veja jsfiddle como exemplo: http://jsfiddle.net/expedio/ucrtthya/

Seu código está ok. Você só precisa alterar o endereço do navegador da sua página. Aponte a página do navegador através de "localhost: 8080 / geoserver / www / your_file_name.html" em vez de "file: \ c ......"

Então a camada vetorial será renderizada perfeitamente.