วิธีเพิ่มเลเยอร์ WFS อย่างง่ายจากแผนที่ GeoServer ไปยัง OpenLayers

ฉันกำลังพยายามเพิ่มหนึ่งในชุดข้อมูลที่รวมกับ 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: workspace name = medford, Namespace 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 เป็นโมฆะในชุดข้อมูลของเราถ้าเราเก็บชื่อเรขาคณิตไว้มากกว่าค่าเริ่มต้น แต่หากไม่มีมันก็จะใช้การฉายแผนที่ (27700- ในกรณีของเรา)

ลองดูคำตอบของฉันในโพสต์นี้

1. ตรวจสอบให้แน่ใจว่าค่า featureNS ของคุณอยู่ใน "Edit Workspace Page ภายใต้ Namespace URI" ใน GEOSERVER ของคุณ อย่าใช้สิ่งทั่วไปเหมือน " http://postgis.org " ใช้บางอย่างเช่น " http: // yourdomain / application / catalogLayer " หรือสิ่งที่ไม่เหมือนใคร คุณสามารถทำให้ URI นี้เป็นเพียงทำให้เป็นเอกลักษณ์
2. คุณมี BBOX () ใหม่เป็นกลยุทธ์ แต่กล่องนั้นมีขนาดเท่าไร ฉันจะเปลี่ยนเป็น [OpenLayers.Strategy.Fixed ()] ใหม่สำหรับการทดสอบ
3. featureType ไม่ใช่ประเภทของรูปทรงเรขาคณิตจริงๆแล้วมันเป็น "ชื่อเลเยอร์" ของคุณใน GEOSERVER (ฉันรู้ว่าทำให้เข้าใจผิด)
4. geometryName เป็นชื่อของเขตข้อมูลในฐานข้อมูล postgis ของคุณที่มีประเภทข้อมูลเรขาคณิต ใน 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' หรือไม่ ถ้าไม่ได้คุณจะไม่สามารถเข้าถึง WFS เพราะเดียวกันนโยบายแหล่งกำเนิดสินค้า คุณสามารถใช้พร็อกซีเพื่อแก้ไขทางเทคนิคได้ (แม้ว่าในความเห็นของฉันนี่เป็นเพียงกรณีของ WFS ที่เป็นโปรโตคอลที่ออกแบบมาไม่ดี)

ปัญหาของคุณคือคุณมีคำนำหน้าชื่อคุณสมบัติและเนมสเปซซึ่งทำให้ GeoServer (และ / หรือ OpenLayers) สับสน

ลอง:

 featureType : "parks",

ฉันมีตัวอย่าง WFS บางอย่างที่http://ian01.geog.psu.edu/geoserver/www/wfs/index.htmlพร้อมรหัสแหล่งที่มาที่มีความคิดเห็นซึ่งคุณสามารถศึกษาได้

เพียงแก้ไขประเภทของคุณจาก "medford: สวนสาธารณะ" เป็น "สวนสาธารณะ"

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 ...... "

จากนั้นเลเยอร์เวกเตอร์จะแสดงผลได้อย่างสมบูรณ์แบบ