mobility-toolbox-js 1.7.8 → 1.7.10-beta.2

package/common/mixins/TrackerLayerMixin.js

@@ -272,7 +272,9 @@ const TrackerLayerMixin = (Base) =>
          * Id of the selected vehicle.
          */
         pixelRatio: {
-          value: pixelRatio || window.devicePixelRatio || 1,
+          value:
+            pixelRatio ||
+            (typeof window !== 'undefined' ? window.devicePixelRatio : 1),
           writable: true,
         },
 
@@ -535,7 +537,6 @@ const TrackerLayerMixin = (Base) =>
         trajectories.sort(this.sort);
       }
       // console.timeEnd('sort');
-      window.trajectories = trajectories;
 
       // console.time('render');
       this.renderState = this.tracker.renderTrajectories(

package/common/utils/simpleTrackerStyle.js

@@ -2,17 +2,21 @@
  * A very simple tracker style.
  * Display blue point for each train.
  */
-const canvas = document.createElement('canvas');
-canvas.width = 15;
-canvas.height = 15;
-const ctx = canvas.getContext('2d');
-ctx.arc(8, 8, 5, 0, 2 * Math.PI, false);
-ctx.fillStyle = '#8ED6FF';
-ctx.fill();
-ctx.lineWidth = 3;
-ctx.strokeStyle = 'black';
-ctx.stroke();
-ctx.lineWidth = 3;
-
-const style = () => canvas;
+let canvas;
+const style = () => {
+  if (!canvas) {
+    document.createElement('canvas');
+    canvas.width = 15;
+    canvas.height = 15;
+    const ctx = canvas.getContext('2d');
+    ctx.arc(8, 8, 5, 0, 2 * Math.PI, false);
+    ctx.fillStyle = '#8ED6FF';
+    ctx.fill();
+    ctx.lineWidth = 3;
+    ctx.strokeStyle = 'black';
+    ctx.stroke();
+    ctx.lineWidth = 3;
+  }
+  return canvas;
+};
 export default style;