Come aggiungere un semplice livello WFS da GeoServer alla mappa OpenLayers?

Sto cercando di aggiungere uno dei set di dati inclusi con GeoServer a una mappa OpenLayers. Ho seguito i tutorial di OpenGeo, ho visto un thread simile qui, ma non riesco a romperlo. Qualcuno può dare un'occhiata al mio codice e alla configurazione di GeoServer e dirmi dove sto andando storto?

Ecco il mio codice:

//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();

Dettagli GeoServer: workspace name = medford, Namespace URI = http://medford.opengeo.org Per il tipo di funzione ho provato "Parks" e "Medford: Parks"

Il livello è abilitato, pubblicizzato e ha un limite di restituzione di 30 funzioni.

Sto lottando per mettere insieme una semplice mappa.

Soluzione aggiornata. Funzionando Adesso.

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

Non è necessario specificare il nome della geometria nella definizione del livello. Dal momento che Native SRS era nullo nel nostro set di dati, se manteniamo geometryName di quello che richiede di default, ma senza di esso, utilizza la proiezione della mappa (27700- nel nostro caso).

Dai un'occhiata alla mia risposta su questo post .

1. Assicurati che il valore di featureNS sia presente nella "Modifica pagina dell'area di lavoro in URI dello spazio dei nomi" nel tuo GEOSERVER. Non utilizzare qualcosa di generico come " http://postgis.org ". Usa qualcosa come " http: // tuodominio / application / catalogLayer " o qualcosa di unico come quello. Puoi creare questo URI, renderlo unico.
2. Hai un nuovo BBOX () come strategia, ma che cosa ha quella scatola come dimensioni? Lo cambierei in [new OpenLayers.Strategy.Fixed ()] per i test.
3. featureType non è in realtà il tipo di geometria, è il tuo "Nome livello" in GEOSERVER (lo so, fuorviante).
4. geometryName è il nome del campo nel database postgis che ha il tipo di dati Geometry. In GEOSERVER, in "Modifica livello" puoi vedere in fondo "Dettagli tipo di funzione". Lì vedrai un campo con tipo "Geometria". Utilizzare il valore nella colonna delle proprietà

Vorrei specificare featurePrefix e versione. Prova qualcosa del genere:

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

Prima cosa da controllare: la tua pagina web server / test su "medford.opengeo.org"? In caso contrario, non sarà possibile accedere a WFS a causa della stessa politica di origine . È possibile utilizzare tecnicamente un proxy per risolvere questo problema. (anche se secondo me questo è solo un caso in cui WFS è un protocollo mal progettato)

Il tuo problema è che hai il prefisso sul nome della funzione e uno spazio dei nomi che confonde GeoServer (e / o OpenLayers).

Provare:

 featureType : "parks",

Ho alcuni esempi di WFS su http://ian01.geog.psu.edu/geoserver/www/wfs/index.html con codice sorgente commentato che puoi studiare.

correggi il tuo talento da "medford: Parks" a "Parks"

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"

                })
            });

Vedi jsfiddle come esempio: http://jsfiddle.net/expedio/ucrtthya/

Il tuo codice è ok Devi solo cambiare l'indirizzo del browser della tua pagina. Punta la pagina del browser attraverso "localhost: 8080 / geoserver / www / nome_file.html" anziché "file: \ c ......"

Quindi il layer vettoriale verrà visualizzato perfettamente.