openlayers-2vector
I face the following problem.
I have two vector layers. One has linestring and the other point geometry.
When I add this line to my point geometry vector layer:
pointLayer.setZIndex( 1001 );
I get the point layer on top and then I am unable to select any feature from the linestring vector layer.
How can I solve this problem so all the features are clickable? I wouldn't expect this behavior as the point vector layer just has some points.
You can try modifying vector.js to what this thread suggests might be a solution (at the bottom)
If it does work, post back on that thread letting them know what worked for you.
Here's an example of creating two layers like you said, one polygon layer and one circle layer.
It first creates the polygon from the coords you provided above and then creates a 3 kilometer radius circle from the centroid of that feature.
/*
* APIMethod: createGeodesicPolygon
* Create a regular polygon around a radius. Useful for creating circles
* and the like.
*
* Parameters:
* origin - {<OpenLayers.Geometry.Point>} center of polygon.
* radius - {Float} distance to vertex, in map units.
* sides - {Integer} Number of sides. 20 approximates a circle.
* rotation - {Float} original angle of rotation, in degrees.
* projection - {<OpenLayers.Projection>} the map's projection
*/
So if you'd like to style all the features in the layer the same you could add the style at the layer level:
var vectorLayer = new OpenLayers.Layer.Vector("myPolygonLayer", {
styleMap: new OpenLayers.StyleMap({
"default": new OpenLayers.Style({
fillColor: "#33CC00",
strokeColor: "#000000",
strokeWidth: 1
})
})
});
Or you can style it at the individual feature level:
var style_Green_Box = OpenLayers.Util.extend({}, OpenLayers.Feature.Vector.style['default']);
style_Green_Box.strokeColor = "#000000";
style_Green_Box.fillColor = "#33CC00";
style_Green_Box.strokeWidth = 1;
circleFeature.style = style_Green_Box;
Here's the DEMO Update which shows this.
Best Answer
To solve this problem, you have to look under the hood of the library. The
SelectFeaturecontrol can be applied on a single layer or multiple layers.Vector.RootContainerlayer, which basically a vector layer group containing the layers. The control is then applied to thatRootContainerlayer.This way if you modify the Z index of the original layer, you just block the mouse event from the created layer group. I have two ideas which would help you solve this problem in theory:
RootContainerlayer and modify its position to be on top. You can set the Z-index, but the more convenient way is to use the map'sraiseLayerfunction.pointer-eventsCSS property of your layers' DOM elements. You can set it tonone, to get your mouse clicks fall through completely.