mobility-toolbox-js 2.0.0-beta.73 → 2.0.0-beta.75
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/common/mixins/RealtimeLayerMixin.d.ts +8 -4
- package/common/mixins/RealtimeLayerMixin.d.ts.map +1 -1
- package/common/mixins/RealtimeLayerMixin.js +9 -1
- package/common/styles/index.d.ts +0 -1
- package/common/styles/index.js +0 -1
- package/common/utils/index.d.ts +0 -1
- package/common/utils/index.js +0 -1
- package/common/utils/renderTrajectories.js +2 -3
- package/mapbox/layers/RealtimeLayer.d.ts +2 -0
- package/mapbox/layers/RealtimeLayer.d.ts.map +1 -1
- package/mbt.js +31 -114
- package/mbt.js.map +4 -4
- package/mbt.min.js +28 -28
- package/mbt.min.js.map +4 -4
- package/ol/layers/RealtimeLayer.d.ts +2 -0
- package/ol/layers/RealtimeLayer.d.ts.map +1 -1
- package/package.json +1 -1
- package/common/styles/realtimeHeadingStyle.d.ts +0 -12
- package/common/styles/realtimeHeadingStyle.d.ts.map +0 -1
- package/common/styles/realtimeHeadingStyle.js +0 -85
|
@@ -55,6 +55,8 @@ declare const RealtimeLayer_base: {
|
|
|
55
55
|
getRenderTimeIntervalByZoom: (zoom: number) => number;
|
|
56
56
|
throttleRenderTrajectories: (viewState: import("../../types").ViewState, noInterpolate?: boolean | undefined) => void;
|
|
57
57
|
debounceRenderTrajectories: (viewState: import("../../types").ViewState, noInterpolate?: boolean | undefined) => void;
|
|
58
|
+
onStart?: ((realtimeLayer: any) => void) | undefined;
|
|
59
|
+
onStop?: ((realtimeLayer: any) => void) | undefined;
|
|
58
60
|
defineProperties(options: RealtimeLayerMixinOptions): void;
|
|
59
61
|
attachToMap(map: any): void;
|
|
60
62
|
detachFromMap(): void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RealtimeLayer.d.ts","sourceRoot":"","sources":["../../../src/ol/layers/RealtimeLayer.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,mBAAmB,CAAC;AAKxC,OAAO,OAAO,EAAE,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,IAAI,CAAC;AAC9B,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AACxC,OAAO,KAAK,MAAM,SAAS,CAAC;AAC5B,OAAc,EACZ,yBAAyB,EAC1B,MAAM,wCAAwC,CAAC;AAEhD,OAAO,EACL,MAAM,EACN,2BAA2B,EAC3B,sBAAsB,EACtB,eAAe,EAChB,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,EAAE,4BAA4B,EAAE,MAAM,+BAA+B,CAAC;AAK7E,oBAAY,sBAAsB,GAAG,yBAAyB,GAAG;IAC/D,mBAAmB,EAAE,CACnB,OAAO,EAAE,WAAW,EACpB,UAAU,EAAE,MAAM,EAClB,OAAO,EAAE,GAAG,KACT,IAAI,CAAC;IACV,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC,CAAC
|
|
1
|
+
{"version":3,"file":"RealtimeLayer.d.ts","sourceRoot":"","sources":["../../../src/ol/layers/RealtimeLayer.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,mBAAmB,CAAC;AAKxC,OAAO,OAAO,EAAE,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,IAAI,CAAC;AAC9B,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AACxC,OAAO,KAAK,MAAM,SAAS,CAAC;AAC5B,OAAc,EACZ,yBAAyB,EAC1B,MAAM,wCAAwC,CAAC;AAEhD,OAAO,EACL,MAAM,EACN,2BAA2B,EAC3B,sBAAsB,EACtB,eAAe,EAChB,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,EAAE,4BAA4B,EAAE,MAAM,+BAA+B,CAAC;AAK7E,oBAAY,sBAAsB,GAAG,yBAAyB,GAAG;IAC/D,mBAAmB,EAAE,CACnB,OAAO,EAAE,WAAW,EACpB,UAAU,EAAE,MAAM,EAClB,OAAO,EAAE,GAAG,KACT,IAAI,CAAC;IACV,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEF;;;;;;;;;;;;;;;;;GAiBG;AAEH,cAAM,aAAc,SAAQ,kBAAY;IACtC,wBAAwB,CAAC,EAAE,OAAO,CAAS;IAE3C;;;;;OAKG;gBACS,OAAO,EAAE,sBAAsB;IAmG3C,WAAW,CAAC,GAAG,EAAE,MAAM;IA4BvB;;OAEG;IACH,aAAa;IAKb;;;;OAIG;IACH,0BAA0B,CAAC,UAAU,EAAE,UAAU;IAgBjD;;;;OAIG;IAEH,kBAAkB,CAAC,aAAa,EAAE,OAAO;IA2BzC;;;;OAIG;IACH,0BAA0B,CAAC,SAAS,EAAE,SAAS,EAAE,aAAa,EAAE,OAAO;IA2BvE;;OAEG;IACH,kBAAkB;IAIlB,0BAA0B,CACxB,UAAU,EAAE,UAAU,EACtB,OAAO,KAAK,GACX,OAAO,CAAC,2BAA2B,CAAC;IAgBvC;;;;;OAKG;IAEH,SAAS,CAAC,GAAG,EAAE,QAAQ,GAAG,WAAW;IAerC;;;;;;OAMG;IAEH,SAAS;IAiBT;;;;;OAKG;IACH,cAAc,CACZ,QAAQ,EAAE,OAAO,EAAE,EACnB,KAAK,EAAE,aAAa,EACpB,UAAU,EAAE,UAAU;IAQxB;;;;;OAKG;IACH,cAAc,CACZ,QAAQ,EAAE,OAAO,EAAE,EACnB,KAAK,EAAE,aAAa,EACpB,UAAU,EAAE,UAAU;IAWxB;;;;OAIG;IACH,eAAe,CACb,UAAU,EAAE,kBAAkB,EAC9B,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,EACxC,IAAI,EAAE,MAAM;IAed;;;;OAIG;IACH,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,IAAI,CAAC,EAAE,MAAM;IAUhE;;;OAGG;IACH,mBAAmB,CAAC,EAAE,EAAE,eAAe,GAAG,OAAO,CAAC,OAAO,EAAE,GAAG,SAAS,CAAC;IAoBxE;;;;OAIG;IACH,KAAK,CAAC,UAAU,EAAE,sBAAsB;CAGzC;AAED,eAAe,aAAa,CAAC"}
|
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "mobility-toolbox-js",
|
|
3
3
|
"license": "MIT",
|
|
4
4
|
"description": "Toolbox for JavaScript applications in the domains of mobility and logistics.",
|
|
5
|
-
"version": "2.0.0-beta.
|
|
5
|
+
"version": "2.0.0-beta.75",
|
|
6
6
|
"homepage": "https://mobility-toolbox-js.geops.io/",
|
|
7
7
|
"module": "index.js",
|
|
8
8
|
"exports": {
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import type { RealtimeStyleFunction } from '../../types';
|
|
2
|
-
/**
|
|
3
|
-
* A tracker style that take in account the delay.
|
|
4
|
-
*
|
|
5
|
-
* @param {RealtimeTrajectory} trajectory The trajectory to render.
|
|
6
|
-
* @param {ViewState} viewState The view state of the map.
|
|
7
|
-
* @param {RealtimeStyleOptions} options Some options to change the rendering
|
|
8
|
-
* @return a canvas
|
|
9
|
-
*/
|
|
10
|
-
declare const realtimeHeadingStyle: RealtimeStyleFunction;
|
|
11
|
-
export default realtimeHeadingStyle;
|
|
12
|
-
//# sourceMappingURL=realtimeHeadingStyle.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"realtimeHeadingStyle.d.ts","sourceRoot":"","sources":["../../../src/common/styles/realtimeHeadingStyle.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAIV,qBAAqB,EAEtB,MAAM,aAAa,CAAC;AAoFrB;;;;;;;GAOG;AACH,QAAA,MAAM,oBAAoB,EAAE,qBAoC3B,CAAC;AACF,eAAe,oBAAoB,CAAC"}
|
|
@@ -1,85 +0,0 @@
|
|
|
1
|
-
import createCanvas from '../utils/createCanvas';
|
|
2
|
-
import { getBgColor } from '../utils/realtimeConfig';
|
|
3
|
-
import realtimeDefaultStyle from './realtimeDefaultStyle';
|
|
4
|
-
/** @private */
|
|
5
|
-
const rotateCanvas = (canvas, rotation) => {
|
|
6
|
-
const ctx = canvas.getContext('2d');
|
|
7
|
-
ctx === null || ctx === void 0 ? void 0 : ctx.translate(canvas.width / 2, canvas.height / 2);
|
|
8
|
-
ctx === null || ctx === void 0 ? void 0 : ctx.rotate(rotation);
|
|
9
|
-
ctx === null || ctx === void 0 ? void 0 : ctx.translate(-canvas.width / 2, -canvas.height / 2);
|
|
10
|
-
};
|
|
11
|
-
const arrowCache = {};
|
|
12
|
-
/** @private */
|
|
13
|
-
const getArrowCanvas = (fillColor) => {
|
|
14
|
-
const key = `${fillColor}`;
|
|
15
|
-
if (!arrowCache[key]) {
|
|
16
|
-
// Create the arrow canvas
|
|
17
|
-
const arrowCanvas = createCanvas(20, 20);
|
|
18
|
-
const ctx = arrowCanvas === null || arrowCanvas === void 0 ? void 0 : arrowCanvas.getContext('2d');
|
|
19
|
-
if (ctx) {
|
|
20
|
-
ctx.fillStyle = fillColor;
|
|
21
|
-
ctx.beginPath();
|
|
22
|
-
ctx.moveTo(5, 5);
|
|
23
|
-
ctx.lineTo(10, 10);
|
|
24
|
-
ctx.lineTo(5, 15);
|
|
25
|
-
ctx.fill();
|
|
26
|
-
ctx.beginPath();
|
|
27
|
-
ctx.moveTo(5, 5);
|
|
28
|
-
ctx.lineTo(10, 10);
|
|
29
|
-
ctx.lineTo(5, 15);
|
|
30
|
-
ctx.lineTo(5, 5);
|
|
31
|
-
ctx.stroke();
|
|
32
|
-
}
|
|
33
|
-
arrowCache[key] = arrowCanvas;
|
|
34
|
-
}
|
|
35
|
-
return arrowCache[key];
|
|
36
|
-
};
|
|
37
|
-
const bufferArrowCache = {};
|
|
38
|
-
/** @private */
|
|
39
|
-
const getBufferArrowCanvas = (canvas, fillColor, rotation) => {
|
|
40
|
-
const margin = 20;
|
|
41
|
-
const bufferKey = `${fillColor},${canvas.width},${canvas.height},${rotation}`;
|
|
42
|
-
if (!bufferArrowCache[bufferKey]) {
|
|
43
|
-
// Create a buffer canvas around the current vehicle to display properly the arrow
|
|
44
|
-
const buffer = createCanvas(canvas.width + margin * 2, canvas.height + margin * 2);
|
|
45
|
-
const arrowCanvas = getArrowCanvas(fillColor);
|
|
46
|
-
if (arrowCanvas && buffer) {
|
|
47
|
-
const bufferCtx = buffer.getContext('2d');
|
|
48
|
-
bufferCtx === null || bufferCtx === void 0 ? void 0 : bufferCtx.drawImage(arrowCanvas, buffer.width - margin, buffer.height / 2 - arrowCanvas.height / 2, arrowCanvas.width, arrowCanvas.height);
|
|
49
|
-
bufferCtx === null || bufferCtx === void 0 ? void 0 : bufferCtx.save();
|
|
50
|
-
const rot = rotation + (90 * Math.PI) / 180;
|
|
51
|
-
rotateCanvas(buffer, -rot);
|
|
52
|
-
bufferCtx === null || bufferCtx === void 0 ? void 0 : bufferCtx.restore();
|
|
53
|
-
}
|
|
54
|
-
bufferArrowCache[bufferKey] = buffer;
|
|
55
|
-
}
|
|
56
|
-
return bufferArrowCache[bufferKey];
|
|
57
|
-
};
|
|
58
|
-
/**
|
|
59
|
-
* A tracker style that take in account the delay.
|
|
60
|
-
*
|
|
61
|
-
* @param {RealtimeTrajectory} trajectory The trajectory to render.
|
|
62
|
-
* @param {ViewState} viewState The view state of the map.
|
|
63
|
-
* @param {RealtimeStyleOptions} options Some options to change the rendering
|
|
64
|
-
* @return a canvas
|
|
65
|
-
*/
|
|
66
|
-
const realtimeHeadingStyle = (trajectory, viewState, options) => {
|
|
67
|
-
var _a, _b;
|
|
68
|
-
// @ts-ignore
|
|
69
|
-
const { rotation, type, line } = trajectory.properties;
|
|
70
|
-
const { color } = line || {};
|
|
71
|
-
const canvas = realtimeDefaultStyle(trajectory, viewState, options);
|
|
72
|
-
if (canvas && rotation !== null) {
|
|
73
|
-
const circleFillColor = color || getBgColor(type);
|
|
74
|
-
const bufferArrow = getBufferArrowCanvas(canvas, circleFillColor, rotation);
|
|
75
|
-
if (bufferArrow) {
|
|
76
|
-
const bufferSize = (bufferArrow.width - canvas.width) / 2;
|
|
77
|
-
const vehicleWithArrow = createCanvas(bufferArrow.width, bufferArrow.height);
|
|
78
|
-
(_a = vehicleWithArrow === null || vehicleWithArrow === void 0 ? void 0 : vehicleWithArrow.getContext('2d')) === null || _a === void 0 ? void 0 : _a.drawImage(bufferArrow, 0, 0, bufferArrow.width, bufferArrow.height);
|
|
79
|
-
(_b = vehicleWithArrow === null || vehicleWithArrow === void 0 ? void 0 : vehicleWithArrow.getContext('2d')) === null || _b === void 0 ? void 0 : _b.drawImage(canvas, bufferSize, bufferSize, canvas.width, canvas.height);
|
|
80
|
-
return vehicleWithArrow;
|
|
81
|
-
}
|
|
82
|
-
}
|
|
83
|
-
return canvas;
|
|
84
|
-
};
|
|
85
|
-
export default realtimeHeadingStyle;
|