gisviewer-vue3-arcgis 1.0.99 → 1.0.100
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/es/src/gis-map/utils/holo-flow/trace-holo-flow.mjs +33 -33
- package/es/src/gis-map/utils/holo-flow/trace-layer-renderer.mjs +30 -35
- package/lib/src/gis-map/utils/holo-flow/trace-holo-flow.js +1 -1
- package/lib/src/gis-map/utils/holo-flow/trace-layer-renderer.js +1 -1
- package/package.json +1 -1
|
@@ -1,45 +1,45 @@
|
|
|
1
1
|
import * as u from "@arcgis/core/views/3d/externalRenderers";
|
|
2
2
|
import T from "../../stores/index.mjs";
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
class
|
|
3
|
+
import f from "./trace-external-renderer.mjs";
|
|
4
|
+
import g from "./trace-layer-renderer.mjs";
|
|
5
|
+
class N {
|
|
6
6
|
constructor(e) {
|
|
7
7
|
this.lastDataTime = 0, this.view = e;
|
|
8
|
-
const
|
|
9
|
-
this.mapConfig = JSON.parse(JSON.stringify(
|
|
8
|
+
const i = T.useAppDataStore;
|
|
9
|
+
this.mapConfig = JSON.parse(JSON.stringify(i.mapConfig)), e.type === "3d" ? (this.traceRenderer = new f(e), u.add(
|
|
10
10
|
e,
|
|
11
11
|
this.traceRenderer
|
|
12
|
-
)) : this.traceRenderer = new
|
|
12
|
+
)) : this.traceRenderer = new g(e);
|
|
13
13
|
}
|
|
14
14
|
/**
|
|
15
15
|
* 处理全息流轨迹数据
|
|
16
16
|
* */
|
|
17
17
|
handleVehicleTraceData(e) {
|
|
18
|
-
const
|
|
19
|
-
if (
|
|
18
|
+
const i = new Date().getTime();
|
|
19
|
+
if (i - this.lastDataTime < 100)
|
|
20
20
|
return;
|
|
21
|
-
this.lastDataTime =
|
|
22
|
-
const { newVehList:
|
|
23
|
-
if (
|
|
24
|
-
for (const
|
|
25
|
-
|
|
26
|
-
const t = this.buildVehicleTrackData(
|
|
27
|
-
t &&
|
|
21
|
+
this.lastDataTime = i;
|
|
22
|
+
const { newVehList: s, updateVehList: n, deleteVehList: o, jgsj: l } = e, a = e.crossId || "", h = [], r = [];
|
|
23
|
+
if (s && s.length > 0) {
|
|
24
|
+
for (const c of s) {
|
|
25
|
+
c.localTimestamp || (c.localTimestamp = l || i);
|
|
26
|
+
const t = this.buildVehicleTrackData(c, a);
|
|
27
|
+
t && h.push(t);
|
|
28
28
|
}
|
|
29
29
|
this.traceRenderer.addVehicles(h);
|
|
30
30
|
}
|
|
31
31
|
if (n && n.length > 0) {
|
|
32
|
-
for (const
|
|
33
|
-
const t = this.buildVehicleTrackData(
|
|
34
|
-
t &&
|
|
32
|
+
for (const c of n) {
|
|
33
|
+
const t = this.buildVehicleTrackData(c, a);
|
|
34
|
+
t && r.push(t);
|
|
35
35
|
}
|
|
36
|
-
this.traceRenderer.updateVehicles(
|
|
36
|
+
this.traceRenderer.updateVehicles(r);
|
|
37
37
|
}
|
|
38
38
|
if (o && o.length > 0) {
|
|
39
|
-
const
|
|
39
|
+
const c = o.map(
|
|
40
40
|
(t) => a + "-" + (t.ptcId || t.vehno || t.vehNo)
|
|
41
41
|
);
|
|
42
|
-
this.traceRenderer.deleteVehicles(
|
|
42
|
+
this.traceRenderer.deleteVehicles(c);
|
|
43
43
|
}
|
|
44
44
|
}
|
|
45
45
|
/**
|
|
@@ -57,27 +57,27 @@ class L {
|
|
|
57
57
|
toggleElevatedVehicle(e) {
|
|
58
58
|
this.traceRenderer.toggleElevatedVehicle(e);
|
|
59
59
|
}
|
|
60
|
-
buildVehicleTrackData(e,
|
|
61
|
-
const
|
|
60
|
+
buildVehicleTrackData(e, i) {
|
|
61
|
+
const p = e.longitude, s = e.latitude, n = e.ptcId, o = Number(e.ptcType), l = e.heading, a = Number(e.vehicleType), h = Number(e.vehicleColor), r = e.plateNo || e.plateno, c = Number(e.plateColor), t = e.timestamp, d = e.localTimestamp, m = String(e.roadLayer) || "1";
|
|
62
62
|
if (!(o < 0 || o > 8))
|
|
63
63
|
return {
|
|
64
64
|
ptcId: n,
|
|
65
|
-
crossId:
|
|
66
|
-
x:
|
|
67
|
-
y:
|
|
65
|
+
crossId: i,
|
|
66
|
+
x: p,
|
|
67
|
+
y: s,
|
|
68
68
|
ptcType: o,
|
|
69
69
|
vehicleType: a,
|
|
70
70
|
heading: o === 2 ? -l : l,
|
|
71
71
|
vehicleColor: h,
|
|
72
|
-
showName:
|
|
73
|
-
plateNo:
|
|
74
|
-
plateColor:
|
|
75
|
-
timestamp:
|
|
76
|
-
localTimestamp:
|
|
77
|
-
roadLayer:
|
|
72
|
+
showName: r && r !== "" && r !== "0" && r !== "000000" ? r : "",
|
|
73
|
+
plateNo: r,
|
|
74
|
+
plateColor: c,
|
|
75
|
+
timestamp: t,
|
|
76
|
+
localTimestamp: d,
|
|
77
|
+
roadLayer: m
|
|
78
78
|
};
|
|
79
79
|
}
|
|
80
80
|
}
|
|
81
81
|
export {
|
|
82
|
-
|
|
82
|
+
N as default
|
|
83
83
|
};
|
|
@@ -1,53 +1,50 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
class
|
|
1
|
+
import h from "@arcgis/core/Graphic";
|
|
2
|
+
import p from "@arcgis/core/layers/GraphicsLayer";
|
|
3
|
+
import m from "../../stores/index.mjs";
|
|
4
|
+
class u {
|
|
5
5
|
constructor(i) {
|
|
6
6
|
this.showVehiclePlate = !1, this.showGroundVehicle = !0, this.showElevatedVehicle = !0, this.historyPositionMap = /* @__PURE__ */ new Map(), this.vehicleObjectMap = /* @__PURE__ */ new Map(), this.view = i;
|
|
7
|
-
const e =
|
|
8
|
-
this.mapConfig = JSON.parse(JSON.stringify(e.mapConfig)), this.vehicleLayer = new
|
|
7
|
+
const e = m.useAppDataStore;
|
|
8
|
+
this.mapConfig = JSON.parse(JSON.stringify(e.mapConfig)), this.vehicleLayer = new p({
|
|
9
9
|
id: "vehicleLayer"
|
|
10
10
|
}), this.view.map.add(this.vehicleLayer), requestAnimationFrame(() => this.render());
|
|
11
11
|
}
|
|
12
12
|
addVehicles(i) {
|
|
13
13
|
const e = i.map((t) => {
|
|
14
|
-
const { crossId:
|
|
15
|
-
this.historyPositionMap.set(
|
|
16
|
-
{ pos: [s,
|
|
14
|
+
const { crossId: l, ptcId: n } = t, s = Number(t.x), a = Number(t.y), r = Number(t.heading), o = `${l}-${n}`;
|
|
15
|
+
this.historyPositionMap.set(o, [
|
|
16
|
+
{ pos: [s, a, 0], heading: r, time: Date.now() }
|
|
17
17
|
]);
|
|
18
|
-
const
|
|
18
|
+
const c = new h({
|
|
19
19
|
geometry: {
|
|
20
20
|
type: "point",
|
|
21
21
|
x: s,
|
|
22
|
-
y:
|
|
22
|
+
y: a
|
|
23
23
|
},
|
|
24
24
|
attributes: {
|
|
25
25
|
...t
|
|
26
26
|
},
|
|
27
27
|
symbol: this.createCIMSymbol(t)
|
|
28
28
|
});
|
|
29
|
-
return
|
|
30
|
-
graphic:
|
|
29
|
+
return c.visible = !1, this.vehicleObjectMap.set(o, {
|
|
30
|
+
graphic: c,
|
|
31
31
|
data: t,
|
|
32
32
|
waitForDelete: !1
|
|
33
|
-
}),
|
|
33
|
+
}), c;
|
|
34
34
|
});
|
|
35
35
|
this.vehicleLayer.addMany(e);
|
|
36
36
|
}
|
|
37
37
|
updateVehicles(i) {
|
|
38
38
|
const e = [];
|
|
39
39
|
i.forEach((t) => {
|
|
40
|
-
const { crossId:
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
Math.abs(a - m.heading) >= 180 && (a > m.heading ? m.heading += 360 : a += 360), p.push({ pos: [s, r, 0], heading: a, time: Date.now() });
|
|
49
|
-
} else
|
|
50
|
-
e.push(t);
|
|
40
|
+
const { crossId: l, ptcId: n } = t, s = Number(t.x), a = Number(t.y), r = `${l}-${n}`, o = this.vehicleObjectMap.get(r);
|
|
41
|
+
o ? (o.data = t, this.historyPositionMap.get(
|
|
42
|
+
r
|
|
43
|
+
).push({
|
|
44
|
+
pos: [s, a, 0],
|
|
45
|
+
heading: t.heading,
|
|
46
|
+
time: Date.now()
|
|
47
|
+
})) : e.push(t);
|
|
51
48
|
}), this.addVehicles(e);
|
|
52
49
|
}
|
|
53
50
|
deleteVehicles(i) {
|
|
@@ -86,29 +83,27 @@ class C {
|
|
|
86
83
|
if (!e || !t || e.length <= 1)
|
|
87
84
|
return;
|
|
88
85
|
(t.graphic.getAttribute("roadLayer") || "1") === "1" ? t.graphic.visible = this.showGroundVehicle : t.graphic.visible = this.showElevatedVehicle, t.segmentStartTime || (t.segmentStartTime = Date.now(), t.segmentTotalTime = e[1].time - e[0].time);
|
|
89
|
-
const
|
|
86
|
+
const n = Date.now() - t.segmentStartTime, s = Math.min(
|
|
90
87
|
1,
|
|
91
|
-
|
|
88
|
+
n / t.segmentTotalTime
|
|
92
89
|
);
|
|
93
|
-
if (
|
|
90
|
+
if (s === 1)
|
|
94
91
|
if (e.shift(), e.length === 1) {
|
|
95
92
|
t.waitForDelete ? (this.vehicleLayer.remove(t.graphic), this.vehicleObjectMap.delete(i), this.historyPositionMap.delete(i)) : (t.segmentStartTime = void 0, t.segmentTotalTime = void 0);
|
|
96
93
|
return;
|
|
97
94
|
} else
|
|
98
|
-
t.segmentStartTime = Date.now(), t.segmentTotalTime = e[1].time - e[0].time,
|
|
99
|
-
e[1].heading - e[0].heading
|
|
100
|
-
) >= 180 && (e[1].heading > e[0].heading ? e[0].heading += 360 : e[1].heading += 360), t.graphic.geometry = {
|
|
95
|
+
t.segmentStartTime = Date.now(), t.segmentTotalTime = e[1].time - e[0].time, (e[1].heading >= 270 && e[0].heading <= 90 || e[1].heading <= 90 && e[0].heading >= 270) && (e[1].heading > e[0].heading ? e[0].heading += 360 : e[1].heading += 360), t.graphic.geometry = {
|
|
101
96
|
type: "point",
|
|
102
97
|
x: e[0].pos[0],
|
|
103
98
|
y: e[0].pos[1]
|
|
104
99
|
};
|
|
105
100
|
else {
|
|
106
|
-
const
|
|
101
|
+
const a = e[0].pos[0] + (e[1].pos[0] - e[0].pos[0]) * s, r = e[0].pos[1] + (e[1].pos[1] - e[0].pos[1]) * s, o = e[0].heading + (e[1].heading - e[0].heading) * s;
|
|
107
102
|
t.graphic.geometry = {
|
|
108
103
|
type: "point",
|
|
109
|
-
x:
|
|
104
|
+
x: a,
|
|
110
105
|
y: r
|
|
111
|
-
}, t.data.heading =
|
|
106
|
+
}, t.data.heading = o, t.graphic.symbol = this.createCIMSymbol(t.data);
|
|
112
107
|
}
|
|
113
108
|
}
|
|
114
109
|
/**
|
|
@@ -296,5 +291,5 @@ class C {
|
|
|
296
291
|
}
|
|
297
292
|
}
|
|
298
293
|
export {
|
|
299
|
-
|
|
294
|
+
u as default
|
|
300
295
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=require("@arcgis/core/views/3d/externalRenderers"),g=require("../../stores/index.js"),T=require("./trace-external-renderer.js"),b=require("./trace-layer-renderer.js");function V(o){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=require("@arcgis/core/views/3d/externalRenderers"),g=require("../../stores/index.js"),T=require("./trace-external-renderer.js"),b=require("./trace-layer-renderer.js");function V(o){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const t in o)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(o,t);Object.defineProperty(e,t,s.get?s:{enumerable:!0,get:()=>o[t]})}}return e.default=o,Object.freeze(e)}const y=V(f);class R{constructor(e){this.lastDataTime=0,this.view=e;const t=g.default.useAppDataStore;this.mapConfig=JSON.parse(JSON.stringify(t.mapConfig)),e.type==="3d"?(this.traceRenderer=new T.default(e),y.add(e,this.traceRenderer)):this.traceRenderer=new b.default(e)}handleVehicleTraceData(e){const t=new Date().getTime();if(t-this.lastDataTime<100)return;this.lastDataTime=t;const{newVehList:a,updateVehList:l,deleteVehList:i,jgsj:d}=e,h=e.crossId||"",u=[],c=[];if(a&&a.length>0){for(const n of a){n.localTimestamp||(n.localTimestamp=d||t);const r=this.buildVehicleTrackData(n,h);r&&u.push(r)}this.traceRenderer.addVehicles(u)}if(l&&l.length>0){for(const n of l){const r=this.buildVehicleTrackData(n,h);r&&c.push(r)}this.traceRenderer.updateVehicles(c)}if(i&&i.length>0){const n=i.map(r=>h+"-"+(r.ptcId||r.vehno||r.vehNo));this.traceRenderer.deleteVehicles(n)}}clearTrace(){this.traceRenderer.clearVehicles()}updatePanelContent(e){this.traceRenderer.updatePanelContent(e)}toggleGroundVehicle(e){this.traceRenderer.toggleGroundVehicle(e)}toggleElevatedVehicle(e){this.traceRenderer.toggleElevatedVehicle(e)}buildVehicleTrackData(e,t){const s=e.longitude,a=e.latitude,l=e.ptcId,i=Number(e.ptcType),d=e.heading,h=Number(e.vehicleType),u=Number(e.vehicleColor),c=e.plateNo||e.plateno,n=Number(e.plateColor),r=e.timestamp,p=e.localTimestamp,m=String(e.roadLayer)||"1";if(!(i<0||i>8))return{ptcId:l,crossId:t,x:s,y:a,ptcType:i,vehicleType:h,heading:i===2?-d:d,vehicleColor:u,showName:c&&c!==""&&c!=="0"&&c!=="000000"?c:"",plateNo:c,plateColor:n,timestamp:r,localTimestamp:p,roadLayer:m}}}exports.default=R;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const h=require("@arcgis/core/Graphic"),p=require("@arcgis/core/layers/GraphicsLayer"),m=require("../../stores/index.js");class y{constructor(i){this.showVehiclePlate=!1,this.showGroundVehicle=!0,this.showElevatedVehicle=!0,this.historyPositionMap=new Map,this.vehicleObjectMap=new Map,this.view=i;const e=m.default.useAppDataStore;this.mapConfig=JSON.parse(JSON.stringify(e.mapConfig)),this.vehicleLayer=new p({id:"vehicleLayer"}),this.view.map.add(this.vehicleLayer),requestAnimationFrame(()=>this.render())}addVehicles(i){const e=i.map(t=>{const{crossId:l,ptcId:n}=t,s=Number(t.x),o=Number(t.y),r=Number(t.heading),a=`${l}-${n}`;this.historyPositionMap.set(a,[{pos:[s,o,0],heading:r,time:Date.now()}]);const c=new h({geometry:{type:"point",x:s,y:o},attributes:{...t},symbol:this.createCIMSymbol(t)});return c.visible=!1,this.vehicleObjectMap.set(a,{graphic:c,data:t,waitForDelete:!1}),c});this.vehicleLayer.addMany(e)}updateVehicles(i){const e=[];i.forEach(t=>{const{crossId:l,ptcId:n}=t,s=Number(t.x),o=Number(t.y),r=`${l}-${n}`,a=this.vehicleObjectMap.get(r);a?(a.data=t,this.historyPositionMap.get(r).push({pos:[s,o,0],heading:t.heading,time:Date.now()})):e.push(t)}),this.addVehicles(e)}deleteVehicles(i){i.forEach(e=>{const t=this.vehicleObjectMap.get(e);t&&(t.waitForDelete=!0)})}clearVehicles(){this.vehicleLayer.removeAll(),this.vehicleObjectMap.clear(),this.historyPositionMap.clear()}updatePanelContent(i){console.log(i)}toggleGroundVehicle(i){this.showGroundVehicle=i}toggleElevatedVehicle(i){this.showElevatedVehicle=i}render(){this.vehicleObjectMap.forEach((i,e)=>{this.updatePosition(e)}),requestAnimationFrame(()=>this.render())}updatePosition(i){const e=this.historyPositionMap.get(i),t=this.vehicleObjectMap.get(i);if(!e||!t||e.length<=1)return;(t.graphic.getAttribute("roadLayer")||"1")==="1"?t.graphic.visible=this.showGroundVehicle:t.graphic.visible=this.showElevatedVehicle,t.segmentStartTime||(t.segmentStartTime=Date.now(),t.segmentTotalTime=e[1].time-e[0].time);const n=Date.now()-t.segmentStartTime,s=Math.min(1,n/t.segmentTotalTime);if(s===1)if(e.shift(),e.length===1){t.waitForDelete?(this.vehicleLayer.remove(t.graphic),this.vehicleObjectMap.delete(i),this.historyPositionMap.delete(i)):(t.segmentStartTime=void 0,t.segmentTotalTime=void 0);return}else t.segmentStartTime=Date.now(),t.segmentTotalTime=e[1].time-e[0].time,(e[1].heading>=270&&e[0].heading<=90||e[1].heading<=90&&e[0].heading>=270)&&(e[1].heading>e[0].heading?e[0].heading+=360:e[1].heading+=360),t.graphic.geometry={type:"point",x:e[0].pos[0],y:e[0].pos[1]};else{const o=e[0].pos[0]+(e[1].pos[0]-e[0].pos[0])*s,r=e[0].pos[1]+(e[1].pos[1]-e[0].pos[1])*s,a=e[0].heading+(e[1].heading-e[0].heading)*s;t.graphic.geometry={type:"point",x:o,y:r},t.data.heading=a,t.graphic.symbol=this.createCIMSymbol(t.data)}}createCIMSymbol(i){const e=this.getPlateFontColor(i.plateColor);return{type:"cim",data:{type:"CIMSymbolReference",primitiveOverrides:[{type:"CIMPrimitiveOverride",primitiveName:"textGraphic",propertyName:"TextString",valueExpressionInfo:{type:"CIMExpressionInfo",title:"Custom",expression:"$feature.showName",returnType:"Default"}}],symbol:{type:"CIMPointSymbol",symbolLayers:[{type:"CIMVectorMarker",enable:this.showVehiclePlate,size:32,colorLocked:!0,anchorPointUnits:"Relative",frame:{xmin:-8,ymin:-8,xmax:8,ymax:8},markerGraphics:[{type:"CIMMarkerGraphic",primitiveName:"textGraphic",geometry:{x:0,y:0},symbol:{type:"CIMTextSymbol",height:4,horizontalAlignment:"Center",offsetX:0,offsetY:8,haloSize:1,haloSymbol:{type:"CIMPolygonSymbol",symbolLayers:[{type:"CIMSolidFill",enable:!0,color:e.backgroundColor}]},symbol:{type:"CIMPolygonSymbol",symbolLayers:[{type:"CIMSolidFill",enable:!0,color:e.fillColor}]},verticalAlignment:"Center"},textString:""}],scaleSymbolsProportionally:!0,respectFrame:!0},{type:"CIMPictureMarker",enable:!0,anchorPoint:{x:0,y:0},anchorPointUnits:"Relative",size:30,rotation:i.heading,rotateClockwise:!0,textureFilter:"Picture",url:`${this.mapConfig.assetsRoot}Images/car/${this.getCarPic(i.vehicleColor)}`}]}}}}getCarPic(i){if(this.view.zoom<=15)return"point.png";let e="grey";switch(typeof i=="string"&&(i=i.toLowerCase()),i){case"a":case 1:e="white";break;case"b":case 2:e="grey";break;case"c":case 3:e="yellow";break;case"d":case 4:e="pink";break;case"e":case 5:e="red";break;case"f":case 10:e="purple";break;case"g":case 6:e="green";break;case"h":case 7:e="blue";break;case"i":case 8:e="brown";break;case"j":case 9:e="black";break}return e+".png"}getPlateFontColor(i){let e=[255,255,255,255],t=[169,169,169,255];switch(i){case 0:e=[0,0,0,255],t=[255,255,255,255];break;case 1:e=[0,0,0,255],t=[244,164,96,255];break;case 2:e=[255,255,255,255],t=[65,105,225,255];break;case 3:e=[255,255,255,255],t=[0,0,0,255];break;case 15:e=[244,164,96,255],t=[0,250,154,255];break;case 16:e=[0,0,0,255],t=[0,250,154,255];break}return{fillColor:e,backgroundColor:t}}}exports.default=y;
|