Wie füge ich einen einfachen WFS-Layer von GeoServer zur OpenLayers-Karte hinzu?

Ich versuche, einer OpenLayers-Karte einen der in GeoServer enthaltenen Datasets hinzuzufügen. Ich habe die OpenGeo-Tutorials befolgt und hier einen ähnlichen Thread gesehen, aber ich kann ihn scheinbar nicht knacken. Kann jemand einen Blick auf meinen Code und mein GeoServer-Setup werfen und mir sagen, wo ich falsch liege?

Hier ist mein 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();

GeoServer-Details: Name des Arbeitsbereichs = medford, Namespace URI = http://medford.opengeo.org Für den Feature-Typ habe ich "parks" und "medford: parks" ausprobiert.

Der Layer ist aktiviert, angekündigt und hat ein Rückgabelimit von 30 Features.

Ich habe Mühe, eine einfache Karte zusammenzustellen.

Aktualisierte Lösung. Arbeite jetzt.

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

Der Geometriename muss nicht in der Ebenendefinition angegeben werden. Da Native SRS in unserem Dataset null war, wird bei Beibehaltung von geometryName die Standardeinstellung verwendet, ohne diese jedoch die Kartenprojektion (in unserem Fall 27700-).

Schauen Sie sich meine Antwort auf diesen Beitrag an .

1. Stellen Sie sicher, dass sich Ihr featureNS-Wert in Ihrem GEOSERVER auf der Seite "Edit Workspace Page under Namespace URI" befindet. Verwenden Sie keine so allgemeinen Informationen wie " http://postgis.org ". Verwenden Sie etwas wie " http: // yourdomain / application / catalogLayer " oder etwas Einzigartiges. Sie können diesen URI erstellen, indem Sie ihn einfach einzigartig machen.
2. Sie haben eine neue BBOX () als Strategie, aber welche Dimensionen hat diese Box? Ich würde es zum Testen in [new OpenLayers.Strategy.Fixed ()] ändern.
3. featureType ist eigentlich nicht der Typ der Geometrie, sondern Ihr "Ebenenname" in GEOSERVER (ich weiß, irreführend).
4. geometryName ist der Name des Feldes in Ihrer Postgis-Datenbank, das den Datentyp Geometry hat. In GEOSERVER sehen Sie unter "Ebene bearbeiten" unten "Feature-Typ-Details". Dort sehen Sie ein Feld mit dem Typ "Geometrie". Verwenden Sie den Wert unter der Eigenschaftsspalte

Ich würde FeaturePrefix und Version angeben. Versuchen Sie so etwas:

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

Das erste, was Sie überprüfen sollten: Befindet sich Ihre Server- / Test-Webseite auf "medford.opengeo.org"? Wenn dies nicht der Fall ist, können Sie aufgrund derselben Ursprungsrichtlinie nicht auf WFS zugreifen . Sie können technisch einen Proxy verwenden, um dies zu beheben. (obwohl meiner Meinung nach nur der Fall ist, dass WFS ein schlecht gestaltetes Protokoll ist)

Ihr Problem ist, dass Sie das Präfix für den Feature-Namen und einen Namespace haben, was GeoServer (und / oder OpenLayers) verwirrt.

Versuchen:

 featureType : "parks",

Ich habe einige WFS-Beispiele unter http://ian01.geog.psu.edu/geoserver/www/wfs/index.html mit kommentiertem Quellcode, den Sie studieren können.

Korrigieren Sie einfach Ihren Featuretyp von "medford: parks" zu "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"

                })
            });

Siehe jsfiddle als Beispiel: http://jsfiddle.net/expedio/ucrtthya/

Ihr Code ist in Ordnung. Sie müssen nur die Browseradresse Ihrer Seite ändern. Zeigen Sie mit Ihrer Browserseite durch "localhost: 8080 / geoserver / www / your_file_name.html" anstelle von "file: \ c ......"

Dann wird die Vektorebene perfekt gerendert.