mobility-toolbox-js 3.1.0-beta.0 → 3.1.0-beta.2

package/common/utils/renderTrajectories.js

@@ -28,7 +28,10 @@ const renderTrajectories = (canvas, trajectories, style, viewState, options) =>
     const context = canvas.getContext('2d');
     context === null || context === void 0 ? void 0 : context.clearRect(0, 0, canvas.width, canvas.height);
     const [width, height] = size;
-    if (width && height && (canvas.width !== width || canvas.height !== height)) {
+    if (width &&
+        height &&
+        (canvas.width !== width * pixelRatio ||
+            canvas.height !== height * pixelRatio)) {
         [canvas.width, canvas.height] = [width * pixelRatio, height * pixelRatio];
     }
     const coordinateToPixelTransform = compose(create(), size[0] / 2, size[1] / 2, 1 / resolution, -1 / resolution, -rotation, -center[0], -center[1]);

package/mbt.js

@@ -25318,7 +25318,7 @@ uniform ${i3} ${a3} u_${s3};
     const context = canvas2.getContext("2d");
     context?.clearRect(0, 0, canvas2.width, canvas2.height);
     const [width, height] = size;
-    if (width && height && (canvas2.width !== width || canvas2.height !== height)) {
+    if (width && height && (canvas2.width !== width * pixelRatio || canvas2.height !== height * pixelRatio)) {
       [canvas2.width, canvas2.height] = [width * pixelRatio, height * pixelRatio];
     }
     const coordinateToPixelTransform = compose(
@@ -45633,15 +45633,16 @@ uniform ${i3} ${a3} u_${s3};
       const layer = this.getLayer();
       const { mapLibreMap } = layer;
       const map = layer.getMapInternal();
-      this.getLayer()?.mapLibreMap?.off("idle", this.setIsReady);
       if (!layer || !map || !mapLibreMap) {
         return null;
       }
-      if (this.ignoreNextRender) {
+      if (this.ready && this.ignoreNextRender) {
         this.ignoreNextRender = false;
         return mapLibreMap?.getContainer();
       }
       this.ready = false;
+      this.ignoreNextRender = false;
+      this.updateReadyState();
       const container = super.renderFrame(frameState);
       mapLibreMap?.once("idle", this.setIsReady);
       return container;
@@ -45653,6 +45654,10 @@ uniform ${i3} ${a3} u_${s3};
         this.getLayer().changed();
       }
     }
+    updateReadyState() {
+      this.getLayer()?.mapLibreMap?.off("idle", this.setIsReady);
+      this.getLayer()?.mapLibreMap?.once("idle", this.setIsReady);
+    }
   };
 
   // src/ol/utils/defineDeprecatedProperties.ts