update icon

Author: arg0navt

src/App.js

@@ -10,7 +10,8 @@ class App extends Component {
     lng: 40.272891666666666,
     zoom: 14,
     type: "time",
-    demo: demo
+    demo: demo,
+    icon: "/img/mech.svg"
   };
   render() {
     const position = [demo[demo.length - 1].lat, demo[demo.length - 1].lng];
@@ -34,7 +35,7 @@ class App extends Component {
             customMarker={true}
             streamData={true}
             changeCourseCustomMarker={true}
-            iconCustomMarker={"/img/mech.svg"}
+            iconCustomMarker={this.state.icon}
           />
           <TileLayer
             attribution="&amp;copy <a href=&quot;http://osm.org/copyright&quot;>OpenStreetMap</a> contributors"

src/laeflet-react-track-player/index.js

@@ -238,6 +238,9 @@ class LeafletReactTrackPlayer extends MapLayer {
         this.updateProgressByTime(toProps, distanceNewPoints);
       }
     }
+    if (fromProps.iconCustomMarker !== toProps.iconCustomMarker) {
+      this.leafletElement.finishMarker._icon.children[0].style.background = `url(${toProps.iconCustomMarker}) center center no-repeat`;
+    }
   }
 
   updateProgressByDefault = (from, to, newDistance) => {