Fixes after review

ui-ngx/src/app/modules/home/components/widget/lib/maps/leaflet-map.ts

@@ -629,7 +629,7 @@ export default abstract class LeafletMap {
         }
         this.points.addLayer(point);
       });
-      if(i === 0) {
+      if(i === (pointsData.length - 1)) {
         this.map.addLayer(this.points);
       }
     }

ui-ngx/src/app/modules/home/components/widget/trip-animation/trip-animation.component.html

@@ -32,7 +32,7 @@
              [ngStyle]="{'background-color': settings.tooltipColor, 'opacity': settings.tooltipOpacity, 'color': settings.tooltipFontColor}">
           <div *ngFor="let mainTooltip of mainTooltips"
                [innerHTML]="mainTooltip"
-               [ngStyle]="{'padding': '10px 0'}">
+               ngStyle="{'padding': '10px 0'}">
           </div>
         </div>
     </div>

ui-ngx/src/app/modules/home/components/widget/trip-animation/trip-animation.component.scss

@@ -73,6 +73,9 @@
     }
 
     .trip-animation-tooltip {
+      display: flex;
+      overflow: auto;
+      max-height: 90%;
       position: absolute;
       top: 30px;
       right: 0;
@@ -86,4 +89,4 @@
       }
     }
   }
-}
+}

ui-ngx/src/app/modules/home/components/widget/trip-animation/trip-animation.component.ts

@@ -141,7 +141,7 @@ export class TripAnimationComponent implements OnInit, AfterViewInit, OnDestroy
 
   timeUpdated(time: number) {
     this.currentTime = time;
-    let currentPosition = this.interpolatedTimeData
+    const currentPosition = this.interpolatedTimeData
       .map(dataSource => dataSource[time])
     for(let j = 0; j < this.interpolatedTimeData.length; j++) {
       if (isUndefined(currentPosition[j])) {
@@ -175,7 +175,7 @@ export class TripAnimationComponent implements OnInit, AfterViewInit, OnDestroy
         this.mapWidget.map.updatePolygons(this.interpolatedTimeData);
       }
       if (this.settings.showPoints) {
-        this.mapWidget.map.updatePoints(formattedInterpolatedTimeData, this.calcTooltip);
+        this.mapWidget.map.updatePoints(formattedInterpolatedTimeData.map(ds => _.union(ds)), this.calcTooltip);
       }
       this.mapWidget.map.updateMarkers(currentPosition, true, (trip) => {
         this.activeTrip = trip;
@@ -235,20 +235,19 @@ export class TripAnimationComponent implements OnInit, AfterViewInit, OnDestroy
         this.mainTooltips.push(this.sanitizer.sanitize(SecurityContext.HTML, tooltipText));
       }
       this.cd.detectChanges();
-      this.activeTrip = point;
     }
     return tooltipText;
   }
 
   calcLabel(formattedDataArr: FormattedData[]) {
-    this.label = '';
+    let labelToSet = '';
     for (let formattedData of formattedDataArr) {
-      const data = formattedData;
       const labelText: string = this.settings.useLabelFunction ?
-        safeExecute(this.settings.labelFunction, [data, this.historicalData, data.dsIndex]) : this.settings.label;
+        safeExecute(this.settings.labelFunction, [formattedData, this.historicalData, formattedData.dsIndex]) : this.settings.label;
-      const label = (parseWithTranslation.parseTemplate(labelText, data, true));
+      const label = (parseWithTranslation.parseTemplate(labelText, formattedData, true));
-      this.label = this.label.length ? this.label + ',' + label : label;
+      labelToSet = labelToSet.length ? labelToSet + ',' + label : label;
     }
+    this.label = labelToSet;
   }
 
   interpolateArray(originData: FormattedData[]) {