[GIS] OpenLayers2 – zoom to selected feature

openlayers-2web-mappingzoom

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 a selected feature of the layer by a single click event?

Best Answer

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

Related Solutions

[GIS] Problems with features, popups and strategy with OpenLayers

you can catch your opened(active) popup with this way:

map.popups[a]

you can change so update its content:

map.popups[a].contentHTML = 'Test Content';
map.popups[a].redraw();

or

map.popups[a].setContentHTML = 'Test Content'

you can show or hide your popup:

map.popups[a].show();
map.popups[a].hide();

you can update position of your popup:

map.popups[a].lonlat.lon = 10;
map.popups[a].lonlat.lat = 10;
map.popups[a].updatePosition();

for openlayers cluster you should check out Cluster Strategy Example here. Only one thing you should do is that define fillColor or externalGraphic for your cluster.

          var style = new OpenLayers.Style({
                pointRadius: "${radius}",
                fillColor: "${getColor}",
                fillOpacity: 0.8,
                strokeColor: "#cc6633",
                strokeWidth: 2,
                strokeOpacity: 0.8
            }, {
                context: {
                    radius: function(feature) {
                        return Math.min(feature.attributes.count, 7) + 3;
                    },
                    getColor: function(feature) {
                        return // Your color selection logic;
                    }
                }
            });

As the last question, i dont understand very well what you want? but try to use removeFeatures instead of destroyFeatures....

i hope it helps you...

[GIS] OpenLayers WFS flip coordinates

You could try to use the URN form of the epsg code (urn:x-ogc:def:crs:EPSG:4326) which is supposed to avoid these problems by always being in the WMS 1.3 order. How well this will work kind of depends on the server you are talking to but if it is GeoTools based it will work.

Further discussion can be found at http://docs.geotools.org/latest/userguide/library/referencing/order.html

Best Answer

Related Solutions

[GIS] Problems with features, popups and strategy with OpenLayers

[GIS] OpenLayers WFS flip coordinates

Related Question