Як додати простий шар 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: ім'я робочої області = medford, ім'я простору імен = http://medford.opengeo.org Для типу функції я спробував "парки" та "медфорд: парки"

Шар увімкнено, рекламується та має обмеження повернення 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 був недійсним у нашому наборі даних, якщо ми зберігаємо geometryName, ніж це за замовчуванням, але без цього він використовує проекцію карти (в нашому випадку 27700).

Погляньте на мою відповідь у цьому дописі .

1. Переконайтесь, що ваше значенняNS знаходиться на "Редагуванні сторінки робочої області під URI простору імен" у вашому GEOSERVER. Не використовуйте щось таке загальне, як " http://postgis.org ". Використовуйте щось на кшталт " http: // yourdomain / application / catalogLayer " або щось подібне. Ви можете створити цей URI, просто зробіть його унікальним.
2. У вас є новий BBOX () в якості стратегії, але що таке поле має як розміри? Я змінив би його на [новий OpenLayers.Strategy.Fixed ()] для тестування.
3. featureType насправді не є типом геометрії, це ваше "Ім'я шару" в GEOSERVER (я знаю, вводить в оману).
4. geometryName - це ім'я поля у вашій базі даних постгігів, що містить тип даних Geometry. У GEOSERVER у розділі "Редагувати шар" ви бачите внизу "Деталі про тип функції". Там ви побачите поле з типом "Геометрія". Використовуйте значення під стовпцем властивостей

Я б вказав functionPrefix та версію. Спробуйте щось подібне:

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 з коментованим вихідним кодом, який ви можете вивчити.

просто виправте свій тип функції від "медфорд: парки" до "парки"

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

Тоді векторний шар візуалізується ідеально.