Hi list,
I have done controls and handlers to handle events in features that are in
different layers (with OpenLayers controls you only can handle events in a
single layer, and that layer must be on the top), and as I received on mail
requests to share my code, I decided to send it for the list. With an
explanation how it works.
Actually I made two controls, FeatureEventHandlerControl and DragFeatureControl
and an handler (FeatureHandler) to help the FeatureEventHandlerControl.
This two controls works pretty like the SelectFeature and DragFeature
OpenLayers controls, but they work cross layers. They don't care about the
layers. When you want to get an event from a feature, you must register that
feature on the control, and when that event occurres you will be notified.
For example:
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
Var dragControl = new Sapo.Control.DragFeatureControl([], {
'dragstart': {
callback: function(feacture, pixel){/*do something*/} context: this}
'drag': {
callback: function(feacture, pixel){/*do something*/} context: this}
'dragend': { callback: function(feacture, pixel){/*do
something*/} context: this}
}
);
Var featureEvtHandler = new Sapo.Control.FeatureEventHandlers([], {
'click':
{ callback: function(feacture, pixel){/*do something*/} context: this}
'mouseover': { callback: function(feacture, pixel){/*do something*/} context:
this}
'mouseout': { callback: function(feacture, pixel){/*do something*/} context:
this}
}
);
Map.addControl(dragControl);
Map.addControl(featureEvtHandler);
dragControl.activate();
featureEvtHandler.activate();
Var layer1 = new OpenLayers.Layer.Vector("Markers",
{
projection: new
OpenLayers.Projection("EPSG:4326"),
styleMap: new
OpenLayers.StyleMap({
externalGraphic:
"http://openlayers.org/dev/img/marker-gold.png";,
backgroundGraphic:
"http://openlayers.org/dev/examples/marker_shadow.png";,
graphicYOffset: -20,
backgroundXOffset: 0,
backgroundYOffset:
-17,
pointRadius: 10
})
}
);
Var layer2 = new OpenLayers.Layer.Vector("Markers 2",
{
projection: new
OpenLayers.Projection("EPSG:4326"),
styleMap: new
OpenLayers.StyleMap({
externalGraphic:
"http://openlayers.org/dev/img/marker-gold.png";,
backgroundGraphic:
"http://openlayers.org/dev/examples/marker_shadow.png";,
graphicYOffset: -20,
backgroundXOffset: 0,
backgroundYOffset:
-17,
pointRadius: 10
})
}
);
Map.addLayer(layer1);
Map.addLayer(layer2);
Var feature1 = new OpenLayers.Feature.Vector(new
OpenLayers.Geometry.Point(-1904105.3415234375, 4392319.753066596)); Var
feature2 = new OpenLayers.Feature.Vector(new
OpenLayers.Geometry.Point(-1504105.3415234375, 4392319.753066596));
Layer1.addFeatures([feature1]);
Layer2.addFeatures([feature2]);
dragControl.addFeature(feature1);
featureEvtHandler.addFeature(feature2);
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
When occurs an event(dragstart, drag, dragend, click, mouseover, mouseout) in
any of this features, in different layers, the callbacks will be notified.
If you have any questions just ask us (André or João)!
Regards,
André Matos
http://maps.sapo.pt
Controls.rar
Description: Controls.rar
_______________________________________________ Dev mailing list Dev@openlayers.org http://openlayers.org/mailman/listinfo/dev
![http://openlayers.org/dev/img/marker-gold.png"](http://openlayers.org/dev/img/marker-gold.png"){kind=link}
![http://openlayers.org/dev/examples/marker_shadow.png"](http://openlayers.org/dev/examples/marker_shadow.png"){kind=link}