如何从GeoServer向OpenLayers地图添加简单的WFS图层？

我正在尝试将GeoServer包含的数据集之一添加到OpenLayers映射中。我遵循了OpenGeo教程，在这里看到了类似的主题，但是我似乎无法破解。有人可以看一下我的代码和GeoServer设置，并告诉我我要去哪里哪里吗？

这是我的代码：

//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详细信息：工作空间名称= medford，命名空间URI = http://medford.opengeo.org 对于要素类型，我尝试了“ parks”和“ medford：parks”

该图层已启用，发布，并且具有30个要素返回限制。

我正在努力将一张简单的地图放在一起。

更新的解决方案。现在工作。

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

不需要在“图层定义”中指定几何名称。由于本机数据集中的Native SRS为null，因此如果我们保留geometryName，则默认值是默认值，但是如果没有使用它，它将使用地图投影（本例中为27700-）。

看看我对这篇文章的回答。

1. 确保您的featureNS值位于GEOSERVER的“名称空间URI下的编辑工作区页面”中。不要使用像“ http://postgis.org ” 这样的通用名称。使用类似“ http：// yourdomain / application / catalogLayer ”之类的东西。您可以创建此URI，只需使其唯一即可。
2. 您具有新的BBOX（）作为策略，但是该框具有什么尺寸？我将其更改为[new OpenLayers.Strategy.Fixed（）]进行测试。
3. featureType实际上不是几何图形的类型，它是您在GEOSERVER中的“图层名称”（我知道，会引起误解）。
4. geometryName是您的Postgis数据库中具有Geometry数据类型的字段的名称。在GEOSERVER中的“编辑图层”下，您可以在底部的“功能类型详细信息”中看到。在那里，您将看到一个类型为“几何”的字段。使用属性列下的值

我将指定featurePrefix和版本。尝试这样的事情：

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

首先要检查：您的服务器/测试网页是否位于“ medford.opengeo.org”上？如果不是，则由于Same Origin Policy，您将无法访问WFS 。从技术上讲，您可以使用代理来解决此问题。（尽管我认为这只是WFS协议设计不佳的一种情况）

您的问题是要素名称和名称空间带有前缀，这会混淆GeoServer（和/或OpenLayers）。

尝试：

 featureType : "parks",

我在http://ian01.geog.psu.edu/geoserver/www/wfs/index.html上有一些WFS示例，其中包含您可以研究的带注释的源代码。

只需将要素类型从“ 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"

                })
            });

参见jsfiddle作为示例：http : //jsfiddle.net/expedio/ucrtthya/

您的代码还可以。您只需要更改页面的浏览器地址即可。通过“ localhost：8080 / geoserver / www / your_file_name.html”而不是“ file：\ c ......”指向浏览器页面

然后，矢量层将完美渲染。