fix bug with finishMarker

Author: arg0navt

package.json

@@ -1,7 +1,7 @@
 {
   "name": "leaflet-react-track-player",
   "description": "This is plugin to react-leaflet. It create player for control of track.",
-  "version": "1.0.1",
+  "version": "1.1.1",
   "private": false,
   "main": "lib/index.js",
   "homepage": "https://github.com/argonavt11/leaflet-react-track-player",
@@ -16,6 +16,7 @@
   "dependencies": {
     "leaflet": "^1.3.4",
     "moment": "^2.22.2",
+    "prop-types": "^15.6.2",
     "react-leaflet": "^2.0.1",
     "react-leaflet-control": "^2.0.0"
   },
@@ -75,15 +76,14 @@
     "extends": "react-app"
   },
   "devDependencies": {
-    "babel-preset-es2015": "^6.24.1",
-    "babel-preset-react": "^6.24.1",
-    "babel-preset-stage-0": "^6.24.1",
-    "react-test-renderer": "^16.5.2",
     "autoprefixer": "7.1.6",
     "babel-core": "6.26.0",
     "babel-eslint": "7.2.3",
     "babel-jest": "20.0.3",
     "babel-loader": "7.1.2",
+    "babel-preset-es2015": "^6.24.1",
+    "babel-preset-react": "^6.24.1",
+    "babel-preset-stage-0": "^6.24.1",
     "babel-runtime": "6.26.0",
     "case-sensitive-paths-webpack-plugin": "2.1.1",
     "chalk": "1.1.3",
@@ -110,6 +110,7 @@
     "react": "^16.5.1",
     "react-dev-utils": "^5.0.2",
     "react-dom": "^16.5.1",
+    "react-test-renderer": "^16.5.2",
     "resolve": "1.6.0",
     "style-loader": "0.19.0",
     "url-loader": "0.6.2",

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

@@ -71,10 +71,13 @@ class LeafletReactTrackPlayer extends MapLayer {
         }deg)${this.props.styleMarker}"></div>`,
         iconSize: [35, 35]
       });
-    const finishMarker = L.marker(this.props.track[0], {
-      icon: this.createIcon(this.props.track[0].course)
-    });
-    this.props.leaflet.map.addLayer(finishMarker);
+    const course = this.props.customMarker && this.props.customCourse && this.state.track[0] && this.state.track[0].course ? this.state.track[0].course : null;
+    if (this.state.track[0]) {
+      const finishMarker = L.marker(this.props.track[0], {
+        icon: this.createIcon(course)
+      });
+      this.props.leaflet.map.addLayer(finishMarker);
+    }
 
     // polyline
     const snakePolyline = L.multiOptionsPolyline(this.props.track, {