Handle different icons

Turistforeningen · Oct 16, 2019 · 8b52d3c · 8b52d3c
1 parent b736827
commit 8b52d3c
Show file tree

Hide file tree

Showing 6 changed files with 26 additions and 0 deletions.
diff --git a/examples/icon-draw.png b/examples/icon-draw.png
diff --git a/examples/icon-end.png b/examples/icon-end.png
diff --git a/examples/icon-normal.png b/examples/icon-normal.png
diff --git a/examples/icon-start.png b/examples/icon-start.png
diff --git a/examples/styling.html b/examples/styling.html
@@ -56,6 +56,12 @@
             }
           }
         }
+        ,icons: {
+              start: new L.Icon({iconUrl: 'icon-start.png'})
+              ,end: new L.Icon({iconUrl: 'icon-end.png'})
+              ,normal: new L.Icon({iconUrl: 'icon-normal.png'})
+              ,draw: new L.Icon({iconUrl: 'icon-draw.png'})
+          }
         ,snapping: {
           layers: []
         }

diff --git a/src/L.Routing.js b/src/L.Routing.js
@@ -186,6 +186,24 @@ L.Routing = L.Control.extend({
       ,timeoutID  : null
     };
 
+    var icons = this.options.icons;
+    if (!prev) {
+        marker.setIcon(icons.start);
+    } else if (!next) {
+        marker.setIcon(icons.end);
+    } else {
+        marker.setIcon(icons.normal);
+    }
+
+console.log(prev,marker,next);
+    if (this._waypoints._first && next && next._leaflet_id === this._waypoints._first._leaflet_id) {
+      next.setIcon(icons.normal);
+    }
+    if (this._waypoints._last && prev && prev._leaflet_id === this._waypoints._last._leaflet_id && prev._leaflet_id !== this._waypoints._first._leaflet_id) {
+      prev.setIcon(icons.normal);
+    }
+
+
     if (this._waypoints._first === null && this._waypoints._last === null) {
       this._waypoints._first = marker;
       this._waypoints._last = marker;
@@ -246,10 +264,12 @@ L.Routing = L.Control.extend({
 
     if (this._waypoints._first && marker._leaflet_id === this._waypoints._first._leaflet_id) {
       this._waypoints._first = next;
+      next.setIcon(this.options.icons.start);
     }
 
     if (this._waypoints._last && marker._leaflet_id === this._waypoints._last._leaflet_id) {
       this._waypoints._last = prev;
+      prev.setIcon(this.options.icons.end);
     }
 
     if (prev !== null) {