cartodb/Leaflet
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Only mouse over one feature at a time

Browse Source
This commit is contained in:
Will Franklin 2015-07-02 15:37:53 +01:00
parent 6345a10561
commit 320c46c6d5
1 changed files with 20 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
src/layer/vector/Canvas.js
View File

@ -200,37 +200,35 @@ L.Canvas = L.Renderer.extend({
if (!this._map || this._map._animatingZoom) { return; } if (!this._map || this._map._animatingZoom) { return; }
var point = this._map.mouseEventToLayerPoint(e); var point = this._map.mouseEventToLayerPoint(e);
var id; this._handleMouseOut(e, point);
this._handleMouseHover(e, point);
// TODO don't do on each move event, throttle since it's expensive
for (id in this._layers) {
this._handleMouseOut(this._layers[id], e, point);
}
for (id in this._layers) {
this._handleMouseHover(this._layers[id], e, point);
}
}, },
_handleMouseOut: function (layer, e, point) { _handleMouseOut: function (e, point) {
if (layer.options.interactive && layer._mouseInside && !layer._containsPoint(point)) { var layer = this._hoveredLayer;
if (layer && !layer._containsPoint(point)) {
// if we're leaving the layer, fire mouseout // if we're leaving the layer, fire mouseout
L.DomUtil.removeClass(this._container, 'leaflet-interactive'); L.DomUtil.removeClass(this._container, 'leaflet-interactive');
this._fireEvent(layer, e, 'mouseout'); this._fireEvent(layer, e, 'mouseout');
layer._mouseInside = false; this._hoveredLayer = null;
} }
}, },
_handleMouseHover: function (layer, e, point) { _handleMouseHover: function (e, point) {
if (layer.options.interactive && layer._containsPoint(point)) { var id, layer;
// if we just got inside the layer, fire mouseover if (!this._hoveredLayer) {
if (!layer._mouseInside) { for (id in this._layers) {
L.DomUtil.addClass(this._container, 'leaflet-interactive'); // change cursor layer = this._layers[id];
this._fireEvent(layer, e, 'mouseover'); if (layer.options.interactive && layer._containsPoint(point)) {
layer._mouseInside = true; L.DomUtil.addClass(this._container, 'leaflet-interactive'); // change cursor
this._fireEvent(layer, e, 'mouseover');
this._hoveredLayer = layer;
break;
}
} }
// fire mousemove }
this._fireEvent(layer, e); if (this._hoveredLayer) {
this._fireEvent(this._hoveredLayer, e);
} }
}, },