GeoServerからOpenLayersマップにシンプルなWFSレイヤーを追加する方法は？

GeoServerに含まれているデータセットの1つを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は、Geometryデータ型を持つpostgisデータベース内のフィールドの名前です。GEOSERVERの[レイヤーの編集]の下にある[フィーチャタイプの詳細]の下に表示されます。そこに「Geometry」タイプのフィールドが表示されます。プロパティ列の下の値を使用します

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」のサーバー/テストWebページですか？そうでない場合、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/

コードは大丈夫です。ページのブラウザアドレスを変更するだけです。「file：\ c ......」ではなく、「localhost：8080 / geoserver / www / your_file_name.html」をブラウザページに向けます。

その後、ベクターレイヤーは完全にレンダリングされます。