Zoomer sur l'extent d'un vector layer

[Nico]

Bonjour,

J'essaie de zoomer ma carte sur l'extent d'un vector layer :

je crée mon vector layer :

var vecLayer = new OpenLayers.Layer.Vector("vector", {
            projection: new OpenLayers.Projection("EPSG:4326"), 
            styleMap: style
    });

je crée les features et je les affecte au layer crée :

var store = new GeoExt.data.FeatureStore({
                layer: vecLayer,
                fields: [
                    {name: 'id', type: 'string'},
                    {name: 'name', type: 'string'}
                    ],
                sortInfo: {field: 'name',direction: 'ASC'},
                proxy: new GeoExt.data.ProtocolProxy({
                                protocol: new OpenLayers.Protocol.HTTP({
                                                url: "scripts/ListOfPoints.php",
                                                format: new OpenLayers.Format.GeoJSON()
                                })
                }),
                autoLoad: true
    });

j'ajoute mon layer à la carte et je zoome :

map.addLayers([wmsLayer, vecLayer]);
map.zoomToExtent(vecLayer.getDataExtent());

le vector layer s'affiche bien sur la carte, mais la carte n'est pas zoomé et FireBug me renvoie l'erreur :

TypeError: bounds is null

qu'est ce qui cloche ?

Merci,
Nico

[L.Jégou]

Il est possible qu'il s'agisse d'un problème de décalage temporel : le vecLayer n'est pas peuplé en temps réel, il s'agit d'un appel AJAX, donc au moment ou on cherche son extent il n'existe peut-être pas encore.

[Nico]

Effectivement, c'est ça.
Avec ce code, ça marche nikel ! :

var wmsLayer = new OpenLayers.Layer.WMS(
                "vmap0",
                "http://vmap0.tiles.osgeo.org/wms/vmap0",
                {layers: 'basic'}
    );

    var vecLayer = new OpenLayers.Layer.Vector("vector", {
            projection: new OpenLayers.Projection("EPSG:4326"), 
            styleMap: style
    });

    map.addLayers([wmsLayer, vecLayer]);

    var zoomHandler = function(button, event) {
        //Zoom pour afficher tous les symboles à l'écran.
        evl = new OpenLayers.Bounds();
        evl = vecLayer.getDataExtent();
        if (evl != null) {
            map.zoomToExtent(evl);
        }
    };

    var store = new GeoExt.data.FeatureStore({
                layer: vecLayer,
                fields: [
                    {name: 'id', type: 'string'},
                    {name: 'name', type: 'string'}
                    ],
                sortInfo: {field: 'name',direction: 'ASC'},
                proxy: new GeoExt.data.ProtocolProxy({
                                protocol: new OpenLayers.Protocol.HTTP({
                                                url: "scripts/ListOfPoints.php",
                                                format: new OpenLayers.Format.GeoJSON()
                                })
                }),
                autoLoad: true
    });
    store.on('load', zoomHandler, store);

Merci,
Nico

[L.Jégou]

Merci du retour