lib

Author: arg0navt

lib/index.css

@@ -1,6 +1,6 @@
 
 .leaflet-div-icon{
-    background: transparent;
+    background: transparent !important;
     border: 0;
 }
 

lib/index.js

@@ -318,13 +318,13 @@ var LeafletReactTrackPlayer = function (_MapLayer) {
           iconSize: [35, 35]
         });
       };
+      var course = this.props.customMarker && this.props.customCourse && this.state.track[0] && this.state.track[0].course ? this.state.track[0].course : null;
       var finishMarker = _leaflet2.default.marker(this.props.track[0], {
-        icon: this.createIcon(this.props.track[0].course)
+        icon: this.createIcon(course)
       });
       this.props.leaflet.map.addLayer(finishMarker);
-
       // polyline
-      var snakePolyline = _leaflet2.default.multiOptionsPolyline(this.props.track, _extends({}, paramsForMultiPolyline(this.props), {
+      var snakePolyline = _leaflet2.default.multiColorsPolyline(this.props.track, _extends({}, paramsForMultiPolyline(this.props), {
         timeFormat: this.props.timeFormat,
         progressFormat: this.props.progressFormat,
         startPosition: this.props.startPosition
@@ -352,7 +352,7 @@ var LeafletReactTrackPlayer = function (_MapLayer) {
 
       if (fromProps.track.length !== toProps.track.length && this.state.activeStream) {
         this.setState({ active: true });
-        var newPointsPolyline = this.props.progressFormat === "default" || this.props.progressFormat === "distance" ? _leaflet2.default.multiOptionsPolyline(toProps.track.slice(fromProps.track.length - 1), paramsForMultiPolyline(this.props)) : _leaflet2.default.multiOptionsPolyline(toProps.track.filter(function (item) {
+        var newPointsPolyline = this.props.progressFormat === "default" || this.props.progressFormat === "distance" ? _leaflet2.default.multiColorsPolyline(toProps.track.slice(fromProps.track.length - 1), paramsForMultiPolyline(this.props)) : _leaflet2.default.multiColorsPolyline(toProps.track.filter(function (item) {
           return Number(item.t) > Number(fromProps.track[fromProps.track.length - 1].t);
         }), paramsForMultiPolyline(this.props));
         var keys = Object.keys(newPointsPolyline._layers);
@@ -475,7 +475,7 @@ var LeafletReactTrackPlayer = function (_MapLayer) {
                 className: "tp_track-line_active"
               })
             ),
-            _react2.default.createElement(
+            this.props.showDots ? _react2.default.createElement(
               "div",
               {
                 className: "tp_track-points",
@@ -491,7 +491,7 @@ var LeafletReactTrackPlayer = function (_MapLayer) {
                 maxDistance: this.state.maxDistance,
                 durationTrack: this.state.durationTrack
               })
-            )
+            ) : null
           )
         ) : null
       );
@@ -502,7 +502,6 @@ var LeafletReactTrackPlayer = function (_MapLayer) {
 }(_reactLeaflet.MapLayer);
 
 LeafletReactTrackPlayer.defaultProps = {
-  track: [],
   useControl: true,
   useInformationPanel: false,
   optionMultyIdxFn: function optionMultyIdxFn() {},
@@ -516,6 +515,7 @@ LeafletReactTrackPlayer.defaultProps = {
   progressFormat: "default",
   startPosition: 0,
   streamData: false,
+  showDots: false,
   callbackFinish: function callbackFinish() {},
   callbackPrev: function callbackPrev() {},
   callbackNext: function callbackNext() {},
@@ -541,6 +541,7 @@ LeafletReactTrackPlayer.propTypes = {
   callbackFinish: _propTypes2.default.func,
   startPosition: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.number]),
   streamData: _propTypes2.default.bool,
+  showDots: _propTypes2.default.bool,
   callbackNext: _propTypes2.default.func,
   callbackPrev: _propTypes2.default.func,
   callbackSpeed: _propTypes2.default.func,

lib/multyPolyline.js

@@ -6,7 +6,7 @@ var _leaflet2 = _interopRequireDefault(_leaflet);
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var MultiOptionsPolyline = _leaflet2.default.FeatureGroup.extend({
+var MultiColorsPolyline = _leaflet2.default.FeatureGroup.extend({
 
     initialize: function initialize(latlngs, options) {
         var copyBaseOptions = options.multiOptions.copyBaseOptions;
@@ -91,8 +91,8 @@ var MultiOptionsPolyline = _leaflet2.default.FeatureGroup.extend({
     }
 });
 
-_leaflet2.default.MultiOptionsPolyline = MultiOptionsPolyline;
+_leaflet2.default.MultiColorsPolyline = MultiColorsPolyline;
 
-_leaflet2.default.multiOptionsPolyline = function (latlngs, options) {
-    return new MultiOptionsPolyline(latlngs, options);
+_leaflet2.default.multiColorsPolyline = function (latlngs, options) {
+    return new MultiColorsPolyline(latlngs, options);
 };

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.1.2",
+  "version": "1.2.1",
   "private": false,
   "main": "lib/index.js",
   "homepage": "https://github.com/argonavt11/leaflet-react-track-player",