Comment ajouter une simple couche WFS de GeoServer à la carte OpenLayers?

J'essaie d'ajouter l'un des ensembles de données inclus avec GeoServer à une carte OpenLayers. J'ai suivi les tutoriels OpenGeo, vu un fil similaire ici, mais je n'arrive pas à le casser. Quelqu'un peut-il jeter un coup d'œil à mon code et à la configuration de GeoServer et me dire où je me trompe?

Voici mon code:

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

Détails du GeoServer: workspace name = medford, Namespace URI = http://medford.opengeo.org Pour le type d' entité, j'ai essayé "parks" et "medford: parks"

La couche est activée, publiée et a une limite de retour de 30 fonctionnalités.

J'ai du mal à assembler une carte simple.

Solution mise à jour. Travaille maintenant.

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'a pas besoin de spécifier le nom de la géométrie dans la définition de la couche. Étant donné que Native SRS était nul dans notre jeu de données, si nous conservons geometryName par rapport à celui par défaut, mais sans lui, il utilise la projection cartographique (27700- dans notre cas).

Jetez un oeil à ma réponse sur ce post .

1. Assurez-vous que votre valeur featureNS se trouve dans la page "Modifier l'espace de travail sous l'URI de l'espace de noms" dans votre GEOSERVER. N'utilisez pas quelque chose d'aussi générique que " http://postgis.org ". Utilisez quelque chose comme " http: // yourdomain / application / catalogLayer " ou quelque chose d'unique comme ça. Vous pouvez créer cet URI, le rendre unique.
2. Vous avez un nouveau BBOX () comme stratégie mais qu'est-ce que cette boîte a comme dimensions? Je le changerais en [new OpenLayers.Strategy.Fixed ()] pour les tests.
3. featureType n'est pas réellement le type de géométrie, c'est votre "nom de couche" dans GEOSERVER (je sais, trompeur).
4. geometryName est le nom du champ dans votre base de données Postgis qui a le type de données Geometry. Dans GEOSERVER, sous "Modifier le calque", vous pouvez voir en bas "Détails du type d'entité". Là, vous verrez un champ de type "Géométrie". Utilisez la valeur sous la colonne des propriétés

Je préciserais le FeaturePrefix et la version. Essayez quelque chose comme ceci:

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

Première chose à vérifier: votre serveur / page Web de test est-il sur 'medford.opengeo.org'? Si ce n'est pas le cas, vous ne pourrez pas accéder à WFS en raison de la même politique d'origine . Vous pouvez techniquement utiliser un proxy pour résoudre ce problème. (même si à mon avis, c'est juste un cas où WFS est un protocole mal conçu)

Votre problème est que vous avez le préfixe sur le nom de la fonctionnalité et un espace de noms, ce qui prête à confusion GeoServer (et / ou OpenLayers).

Essayer:

 featureType : "parks",

J'ai quelques exemples WFS sur http://ian01.geog.psu.edu/geoserver/www/wfs/index.html avec du code source commenté que vous pouvez étudier.

corrigez simplement votre type de caractère de "medford: parks" à "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"

                })
            });

Voir jsfiddle comme exemple: http://jsfiddle.net/expedio/ucrtthya/

Votre code est ok. Il vous suffit de modifier l'adresse du navigateur de votre page. Pointez la page de votre navigateur via "localhost: 8080 / geoserver / www / your_file_name.html" au lieu de "file: \ c ......"

Ensuite, le calque vectoriel sera rendu parfaitement.