Openlayers - Zoom to selected feature

Question

if I have this vector layer:

var vectors = new OpenLayers.Layer.Vector("vector", {isBaseLayer: false});

var feature = new OpenLayers.Feature.Vector(
                OpenLayers.Geometry.fromWKT(
                    "POLYGON ((-18 -3, -18 14, 15 14, 15 -3, -18 -3))"
                )
            );

vectors.addFeatures([feature]);

How I can zoom to selected feature of the layer by a single click event?

Thanks,

Alfredo

Answer 1

you can use it adding to any trigger:

var dataExtent = vectors.getDataExtent();
map.zoomToExtent(dataExtent);

briefly :

map.zoomToExtent(vectors.getDataExtent());

.

getDataExtent

getDataExtent: function ()

Calculates the max extent which includes all of the features.

.

zoomToExtent

zoomToExtent: function(   bounds,
  closest )

Zoom to the passed in bounds, recenter

i hope it helps you...

Answer 2

I found the solution:

function selected (evt) {
    map.zoomToExtent(evt.feature.geometry.getBounds(), closest=true);
}

vectors.events.register("featureselected", vectors, selected);

var control = new OpenLayers.Control.SelectFeature(vectors);

map.addControl(control);

control.activate();