ashatora/openlayers
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

replacing the select handler with a feature handler - with support for up, down, over, out, and move callbacks associated with mouse events on a feature - the select-feature.html example shows the use of a control that activates the feature handler - see #544

Browse Source 
git-svn-id: http://svn.openlayers.org/trunk/openlayers@2843 dc9f47b5-9b13-0410-9fdd-eb0c1a62fdaf
This commit is contained in:
Tim Schaub
2007-03-21 23:30:20 +00:00
parent 5bb0a3087e
commit 0c8dcabce8
4 changed files with 138 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files

98
lib/OpenLayers/Control/SelectFeature.js
View File

@@ -14,15 +14,21 @@ OpenLayers.Control.SelectFeature = OpenLayers.Class.create();
OpenLayers.Control.SelectFeature.prototype =
OpenLayers.Class.inherit(OpenLayers.Control, {
/**
* @type {Boolean} Allow selection of multiple geometries
*/
multiple: false,
/**
* @type {Boolean} Select on mouse over and deselect on mouse out. If
* true, this ignores clicks and only listens to mouse moves.
*/
hover: false,
/**
* @type {OpenLayers.Layer.Vector}
*/
layer: null,
/**
* @type {OpenLayers.Handler.Select}
*/
handler: null,
/**
* @type {Object} The functions that are sent to the handler for callback
@@ -35,15 +41,10 @@ OpenLayers.Control.SelectFeature.prototype =
selectStyle: OpenLayers.Feature.Vector.style['select'],
/**
* @type {Object} Hash of styles
* @type {OpenLayers.Handler.Feature}
* @private
*/
originalStyle: null,
/**
* @type {Boolean} Allow selection of multiple geometries
*/
multiple: false,
handler: null,
/**
* @param {OpenLayers.Layer.Vector} layer
@@ -52,16 +53,26 @@ OpenLayers.Control.SelectFeature.prototype =
*/
initialize: function(layer, options) {
OpenLayers.Control.prototype.initialize.apply(this, [options]);
this.callbacks = OpenLayers.Util.extend({down: this.downFeature},
this.callbacks);
this.callbacks = OpenLayers.Util.extend({
down: this.downFeature,
over: this.overFeature,
out: this.outFeature
}, this.callbacks);
this.layer = layer;
this.handler = new OpenLayers.Handler.Select(this, layer, this.callbacks);
this.handler = new OpenLayers.Handler.Feature(this, layer, this.callbacks);
},
/**
*
* Called when the feature handler detects a mouse-down on a feature
* @param {OpenLayers.Geometry}
*/
downFeature: function(geometry) {
if(this.hover) {
return;
}
if(geometry.parent) {
geometry = geometry.parent;
}
// Store feature style for restoration later
if(geometry.feature.originalStyle == null) {
geometry.feature.originalStyle = geometry.feature.style;
@@ -69,20 +80,26 @@ OpenLayers.Control.SelectFeature.prototype =
if (this.multiple) {
if(OpenLayers.Util.indexOf(this.layer.selectedFeatures, geometry.feature) > -1) {
this.layer.renderer.drawGeometry(geometry, geometry.feature.originalStyle);
OpenLayers.Util.removeItem(this.layer.selectedFeatures, geometry.feature);
this.layer.renderer.drawGeometry(geometry,
geometry.feature.originalStyle);
OpenLayers.Util.removeItem(this.layer.selectedFeatures,
geometry.feature);
} else {
this.layer.selectedFeatures.push(geometry.feature);
this.layer.renderer.drawGeometry(geometry, this.selectStyle);
}
} else {
if(OpenLayers.Util.indexOf(this.layer.selectedFeatures, geometry.feature) > -1) {
this.layer.renderer.drawGeometry(geometry, geometry.feature.originalStyle);
OpenLayers.Util.removeItem(this.layer.selectedFeatures, geometry.feature);
this.layer.renderer.drawGeometry(geometry,
geometry.feature.originalStyle);
OpenLayers.Util.removeItem(this.layer.selectedFeatures,
geometry.feature);
} else {
if (this.layer.selectedFeatures) {
for (var i = 0; i < this.layer.selectedFeatures.length; i++) {
this.layer.renderer.drawGeometry(this.layer.selectedFeatures[i].geometry, this.layer.selectedFeatures[i].originalStyle);
this.layer.renderer.drawGeometry(
this.layer.selectedFeatures[i].geometry,
this.layer.selectedFeatures[i].originalStyle);
}
OpenLayers.Util.clearArray(this.layer.selectedFeatures);
}
@@ -92,6 +109,45 @@ OpenLayers.Control.SelectFeature.prototype =
}
},
/**
* Called when the feature handler detects a mouse-over on a feature.
* Only responds if this.hover is true.
* @param {OpenLayers.Geometry}
*/
overFeature: function(geometry) {
if(!this.hover) {
return;
}
if(geometry.parent) {
geometry = geometry.parent;
}
// Store feature style for restoration later
if(geometry.feature.originalStyle == null) {
geometry.feature.originalStyle = geometry.feature.style;
}
if(!(OpenLayers.Util.indexOf(this.layer.selectedFeatures, geometry.feature) > -1)) {
this.layer.selectedFeatures.push(geometry.feature);
this.layer.renderer.drawGeometry(geometry, this.selectStyle);
}
},
/**
* Called when the feature handler detects a mouse-out on a feature.
* Only responds if this.hover is true.
* @param {OpenLayers.Geometry}
*/
outFeature: function(geometry) {
if(!this.hover) {
return;
}
if(geometry.parent) {
geometry = geometry.parent;
}
this.layer.renderer.drawGeometry(geometry, geometry.feature.originalStyle);
OpenLayers.Util.removeItem(this.layer.selectedFeatures, geometry.feature);
},
/** Set the map property for the control.
*
* @param {OpenLayers.Map} map