Show position in elevation diagram when hovering path on map, closes #29

nrenner · Jun 21, 2016 · 42d04e5 · 42d04e5
1 parent 83ce7ff
commit 42d04e5
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 4 deletions.
diff --git a/js/plugin/Elevation.js b/js/plugin/Elevation.js
@@ -21,10 +21,9 @@ BR.Elevation = L.Control.Elevation.extend({
         }
 
         if (track && track.getLatLngs().length > 0) {
-            // TODO disabled track layer mouseover, as it doesn't really work 
-            // with line marker and indicator does not get removed (no mouseout?)
-            //this.addData(track.toGeoJSON(), layer);
-            this.addData(track.toGeoJSON());
+            this.addData(track.toGeoJSON(), layer);
+
+            layer.on("mouseout", this._hidePositionMarker.bind(this));
         }
     }
 });
diff --git a/js/plugin/Routing.js b/js/plugin/Routing.js
@@ -51,6 +51,25 @@ BR.Routing = L.Routing.extend({
           ,iconSize: [16, 16]
         }));
 
+        // Forward mousemove event to snapped feature (for Leaflet.Elevation to
+        // update indicator), see also L.Routing.Edit._segmentOnMousemove
+        this._edit._mouseMarker.on('move', L.bind(function(e) {
+            var latLng = e.latlng;
+            if (latLng._feature) {
+                this._mouseMarker._feature = latLng._feature;
+                latLng._feature.fire('mousemove', e);
+            }
+        }, this._edit));
+        var mouseoutHandler = function(e) {
+            if (this._mouseMarker._feature) {
+                this._mouseMarker._feature.fire('mouseout', e);
+                this._mouseMarker._feature = null;
+            }
+        };
+        this._edit.on('segment:mouseout', mouseoutHandler, this._edit);
+        this._edit._mouseMarker.on('dragstart', mouseoutHandler, this._edit);
+        this.on('waypoint:mouseover', mouseoutHandler, this._edit);
+
         this._draw.on('enabled', function() {
             // crosshair cursor
             L.DomUtil.addClass(map.getContainer(), 'routing-draw-enabled');