Le portail francophone de la géomatique

soussou126 · Tue 24 August 2010 13:15

bonjour,
j'ai besoin de générer un fichier GML à partir de GeoServer pour l'afficher dans une couche OpenLayer de mon application:
(je veux changer le fichier 'city.gml' par une url qui me renvoie ce fichier)

Code:

var city = new OpenLayers.Layer.GML('city','data/city.gml',
        {
            styleMap: new OpenLayers.StyleMap({
                'default' :  new OpenLayers.Style({
                    externalGraphic : 'city-48x48.png'
                    ,pointRadius : 17
                })            
                ,'select' : new OpenLayers.Style({
                    externalGraphic : 'city-48x48.png'
                    ,pointRadius : 27
                })            
            })    
        }
    );

Des suggestions!!

Yves · Tue 24 August 2010 13:58

Bonjour,

Remplace 'data/city.gml' par l'url que te donne GeoServer : http://localhost:8080/geoserver/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=sf:bugsites&maxFeatures=50 (un service WFS renvoie un GML par défaut).

Par contre je ne suis pas sur que cela fonctionne aussi simplement. Je pense qu'il vaut mieux utiliser un objet OpenLayers.vector avec le protocole WFS (définie dans les options de l'objet).

http://dev.openlayers.org/releases/Open … tocol.html (voir les sources de la page).

Y.

soussou126 · Wed 25 August 2010 11:13

Merci Yves pour ta réponse,
en fait j'ai besoin d'un peu d'aide:
j'ai une form qui me permet de faire une recherche dans ma base de données (un champs texte ou je saisie le nom d'un ville et un bouton submit qui m'affiche des point sur ma map représentant les villes correspondantes au nom entré)
le problème et le suivant: je veux afficher des informations (à partir de ma base de données ou de Geoserver) en cliquant sur l'un des points afficher dans la map dans un popup!!

le code de ma form est le suivant:

Code:

var mapPanel, store, gridPanel, mainPanel, formPanel, vecLayer, map;

function setStore (param) {
    store = new GeoExt.data.FeatureStore({
        layer : vecLayer,
        fields : [{
                    name : 'name',
                    type : 'string'
                }, {
                    name : 'population',
                    type : 'string'
                }],
        proxy : new GeoExt.data.ProtocolProxy({
                    protocol : new OpenLayers.Protocol.HTTP({
                                url : "../../world_cities/find?name=%"+param+"%",
                                
                                format : new OpenLayers.Format.GeoJSON({
                                            internalProjection : map.projection,
                                            externalProjection : map.displayProjection
                                        })
                            })
                }),
        autoLoad : true
    });
}
Ext.onReady(function() {
    // create map instance
    map = new OpenLayers.Map();
    var wmsLayer = new OpenLayers.Layer.WMS("vmap0",
            "http://labs.metacarta.com/wms/vmap0", {
                layers : 'basic'
            });
    var wmsLayer2 = new OpenLayers.Layer.WMS("world_cities",
            "http://192.192.2.33:8080/geoserver/wms", {
                layers : 'world_cities',
                format : 'image/png'
            });

    // create vector layer
    vecLayer = new OpenLayers.Layer.Vector("vector");
    map.addLayers([wmsLayer, wmsLayer2, vecLayer]);

    // create map panel
    mapPanel = new GeoExt.MapPanel({
                title : "Map",
                region : "center",
                height : 400,
                width : 600,
                map : map,
                center : new OpenLayers.LonLat(0, 0),
                zoom : 2
            });

    // create feature store, binding it to the vector layer

    store = new GeoExt.data.FeatureStore({
                  fields : [{
                    name : 'name',
                    type : 'string'
                }, {
                    name : 'population',
                    type : 'string'
                }]
    });
      /*new GeoExt.data.FeatureStore({
        layer : vecLayer,
        fields : [{
                    name : 'name',
                    type : 'string'
                }, {
                    name : 'population',
                    type : 'string'
                }],
        proxy : new GeoExt.data.ProtocolProxy({
                    protocol : new OpenLayers.Protocol.HTTP({
                                // url:
                                // "mfbase/geoext/examples/data/world_cities.json",
                                url : "../../world_cities",
                                params : {
                                    limit : 10//Ext.getCmp("place").getValue()
                                },
                                format : new OpenLayers.Format.GeoJSON({
                                            internalProjection : map.projection,
                                            externalProjection : map.displayProjection
                                        })
                            })
                }),
        autoLoad : true
    });*/

    // create grid panel configured with feature store
    gridPanel = new Ext.grid.GridPanel({
                title : "Feature Grid",
                region : "south",
                store : store,
                ds: store,
                width : 200,
                height : 200,
                columns : [{
                            header : "Name",
                            width : 200,
                            dataIndex : "name"
                        }, {
                            header : "Population",
                            width : 100,
                            dataIndex : "population"
                        }],
                sm : new GeoExt.grid.FeatureSelectionModel()
            });

    // create form panel
    formPanel = new Ext.form.FormPanel({
                standardSubmit : true,
                id : 'myFormPanel',
                region : "center",
                frame : true,
                title : 'Register',
                defaultType : 'textfield',
                items : [{
                    fieldLabel : 'A Place',
                    id : 'place',
                    name : 'place',
                    allowBlank : false
                }],
                buttons : [{
                    text : 'Submit',
                    handler : function() {
                        setStore(Ext.getCmp("place").getValue());
                    },
                    scope : store
                }]
            });

    ER = {
        region : 'east',
        title : ' ',
        width : 300,
        collapsible : true,
        collapsed : false,
        margins : '0 0 0 5',
        defaults : {
            border : true,
            frame : true
        },
        layout : 'border',
        items : [formPanel, gridPanel]
    }

    
    // create a panel and add the map panel and grid panel
    // inside it
    map.addControl(new OpenLayers.Control.LayerSwitcher());
    mainPanel = new Ext.Panel({
        renderTo : "mainpanel",
        layout : "border",
        height : 600,
        width : 920,
        items : [mapPanel, ER]
            // items : [mapPanel, gridPanel]
        });
        
});

j'ai essayé de rajouter le code suivant:

Code:

var info = new OpenLayers.Control.WMSGetFeatureInfo({
            url: 'http://192.192.2.33/geoserver/wms', 
            title: 'Identify features by clicking',
            queryVisible: true,
            eventListeners: {
                getfeatureinfo: function(event) {
                    map.addPopup(new OpenLayers.Popup.FramedCloud(
                        "chicken", 
                        map.getLonLatFromPixel(event.xy),
                        null,
                        event.text,
                        null,
                        true
                    ));
                }
            }
        });
        map.addControl(info);
        info.activate();

mais rien ne s'affiche

j'ai essayé une 2ième solution:

Code:

    var vecLayer= new OpenLayers.Layer.GML('city','data/city.gml',
        {
            styleMap: new OpenLayers.StyleMap({
                'default' :  new OpenLayers.Style({
                    externalGraphic : 'city-48x48.png'
                    ,pointRadius : 17
                })            
                ,'select' : new OpenLayers.Style({
                    externalGraphic : 'city-48x48.png'
                    ,pointRadius : 27
                })            
            })    
        }
    );

     vecLayer.events.on({
         
        featureselected: function(e) {     
            alert('events.on');
            if(typeof(popup) != "undefined"){
                popup.destroy();
            }
            var content = "<b>"+e.feature.attributes.Name+"</b><br /> Lon : "+e.feature.attributes.Longitude+"<br /> Lat : "+e.feature.attributes.Latitude;
            popup = new GeoExt.Popup({
                title       : 'City'
                ,feature    : e.feature
                ,width      : 200
                ,html       : content
                ,collapsible: true
                ,anchored   : true
            });        
            popup.show();
        }
    });

ça marche très bien avec un fichier

data/city.gml

qui j'ai trouver avec l'exemple que j'ai suivie
par contre, lorsque je le remplace par une url ça ne marche plus!! et si j'enregistre le fichier généré par cette url et le passe dans les paramètres j'ai une erreur javascript :

mal formé

pourrais tu m'aider, j'ai l'impression que je bloque sur un truc débile!!!

simon_g · Wed 25 August 2010 12:15

ca semble clair : ton fichier gml généré est mal formé!

Tu peux passer ton fichier au validateur gml : http://cite.opengeospatial.org/test_eng … validator/

Communauté	Ressources	L'emploi	Le marché	L'association	Fils RSS
Forum Blogs Wiki Planet Sites amis	Agenda Biblio Fiches AMO-CNIG Paris PCGIS Téléchargements	Offres d'emploi Banque de CV Formations Démarche Métiers	Geo-Entreprises Geo-Communiqué Appels d'offres	L'association Qui sommes-nous ? Nous aider Bienfaiteurs Partenaires Historique Statuts	Tout le site Job Géomatique Services GeoBlogs ...	Faire un don Mentions légales

Le portail francophone de la géomatique

#1 Tue 24 August 2010 13:15

Geoserver GML

Code:

#2 Tue 24 August 2010 13:58

Re: Geoserver GML

#3 Wed 25 August 2010 11:13

Re: Geoserver GML

Code:

Code:

Code:

#4 Wed 25 August 2010 12:15

Re: Geoserver GML

Pied de page des forums