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을 기본값보다 유지하지만 기본값이 없으면 map projection (이 경우 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 데이터베이스의 필드 이름입니다. GEOSERVER의 "레이어 편집"아래에서 "기능 유형 세부 사항"의 맨 아래를 볼 수 있습니다. "Geometry"유형의 필드가 표시됩니다. 속성 열 아래의 값을 사용하십시오.

featurePrefix 및 version을 지정합니다. 다음과 같이 해보십시오 :

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'의 서버 / 테스트 웹 페이지가 있습니까? 그렇지 않은 경우 동일한 오리진 정책으로 인해 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/

코드가 정상입니다. 페이지의 브라우저 주소 만 변경하면됩니다. "file : \ c ......"대신 "localhost : 8080 / geoserver / www / your_file_name.html"을 통해 브라우저 페이지를 가리 킵니다.

그러면 벡터 레이어가 완벽하게 렌더링됩니다.