gisviewer-vue3-arcgis 1.0.165 → 1.0.167

package/es/src/gis-map/utils/holo-flow/trace-renderer-layer.mjs

@@ -39,17 +39,17 @@ class f {
   async init() {
   }
   addVehicles(i) {
-    return new Promise((e) => {
+    return new Promise((t) => {
       if (this.isPaused) {
-        e();
+        t();
         return;
       }
-      const t = i.map((s) => {
-        const { vehicleId: r, heading: a, localTimestamp: h } = s, l = Number(s.x), n = Number(s.y);
-        this.historyPositionMap.set(r, [
+      const e = i.map((s) => {
+        const { vehicleId: o, heading: a, localTimestamp: h } = s, l = Number(s.x), n = Number(s.y);
+        this.historyPositionMap.set(o, [
           { pos: [l, n, 0], heading: a, time: h }
         ]);
-        const o = new c({
+        const r = new c({
           geometry: {
             type: "point",
             x: l,
@@ -61,42 +61,42 @@ class f {
           },
           symbol: this.createCIMSymbol(s)
         });
-        return o.visible = !1, this.vehicleObjectMap.set(r, {
-          graphic: o,
+        return r.visible = !1, this.vehicleObjectMap.set(o, {
+          graphic: r,
           data: s,
           waitForDelete: !1,
           isMoving: !1
-        }), o;
+        }), r;
       });
-      this.vehicleLayer.addMany(t), e();
+      this.vehicleLayer.addMany(e), t();
     });
   }
   updateVehicles(i) {
-    return new Promise((e) => {
+    return new Promise((t) => {
       if (this.isPaused) {
-        e();
+        t();
         return;
       }
-      const t = [];
+      const e = [];
       i.forEach((s) => {
-        const { vehicleId: r, heading: a, localTimestamp: h } = s, l = Number(s.x), n = Number(s.y), o = this.vehicleObjectMap.get(r);
-        o ? (o.data = s, o.graphic.attributes = {
+        const { vehicleId: o, heading: a, localTimestamp: h } = s, l = Number(s.x), n = Number(s.y), r = this.vehicleObjectMap.get(o);
+        r ? (r.data = s, r.graphic.attributes = {
           ...s,
           type: "trackVehicle"
         }, this.historyPositionMap.get(
-          r
+          o
         ).push({
           pos: [l, n, 0],
           heading: a,
           time: h
-        })) : t.push(s);
-      }), this.addVehicles(t), e();
+        })) : e.push(s);
+      }), this.addVehicles(e), t();
     });
   }
   deleteVehicles(i) {
-    this.isPaused || i.forEach((e) => {
-      const t = this.vehicleObjectMap.get(e);
-      t && (t.waitForDelete = !0);
+    this.isPaused || i.forEach((t) => {
+      const e = this.vehicleObjectMap.get(t);
+      e && (e.waitForDelete = !0);
     });
   }
   clearVehicles() {
@@ -129,36 +129,36 @@ class f {
     this.needInterpolate = i;
   }
   render() {
-    this.isPaused || this.vehicleObjectMap.forEach((i, e) => {
-      this.updatePosition(e);
+    this.isPaused || this.vehicleObjectMap.forEach((i, t) => {
+      this.updatePosition(t);
     }), this.rafSignal = requestAnimationFrame(() => this.render());
   }
   updatePosition(i) {
-    const e = this.historyPositionMap.get(i), t = this.vehicleObjectMap.get(i);
-    if (!e || !t || !t.isMoving && e.length <= 2)
+    const t = this.historyPositionMap.get(i), e = this.vehicleObjectMap.get(i);
+    if (!t || !e || !e.isMoving && t.length <= 2)
       return;
-    t.isMoving = !0, (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 r = Date.now() - t.segmentStartTime, a = Math.min(
+    e.isMoving = !0, (e.graphic.getAttribute("roadLayer") || "1") === "1" ? e.graphic.visible = this.showGroundVehicle : e.graphic.visible = this.showElevatedVehicle, e.segmentStartTime || (e.segmentStartTime = Date.now(), e.segmentTotalTime = t[1].time - t[0].time);
+    const o = Date.now() - e.segmentStartTime, a = Math.min(
       1,
-      r / t.segmentTotalTime
+      o / e.segmentTotalTime
     );
     if (a === 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, t.graphic.visible = !1, t.isMoving = !1);
+      if (t.shift(), t.length === 1) {
+        e.waitForDelete ? (this.vehicleLayer.remove(e.graphic), this.vehicleObjectMap.delete(i), this.historyPositionMap.delete(i)) : (e.segmentStartTime = void 0, e.segmentTotalTime = void 0, e.graphic.visible = !1, e.isMoving = !1);
         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 = {
+        e.segmentStartTime = Date.now(), e.segmentTotalTime = t[1].time - t[0].time, (t[1].heading >= 270 && t[0].heading <= 90 || t[1].heading <= 90 && t[0].heading >= 270) && (t[1].heading > t[0].heading ? t[0].heading += 360 : t[1].heading += 360), e.graphic.geometry = {
           type: "point",
-          x: e[0].pos[0],
-          y: e[0].pos[1]
+          x: t[0].pos[0],
+          y: t[0].pos[1]
         };
     else {
-      const h = e[0].pos[0] + (e[1].pos[0] - e[0].pos[0]) * a, l = e[0].pos[1] + (e[1].pos[1] - e[0].pos[1]) * a, n = e[0].heading + (e[1].heading - e[0].heading) * a;
-      t.graphic.geometry = {
+      const h = t[0].pos[0] + (t[1].pos[0] - t[0].pos[0]) * a, l = t[0].pos[1] + (t[1].pos[1] - t[0].pos[1]) * a, n = t[0].heading + (t[1].heading - t[0].heading) * a;
+      e.graphic.geometry = {
         type: "point",
         x: h,
         y: l
-      }, t.data.heading = n, t.graphic.symbol = this.createCIMSymbol(t.data);
+      }, e.data.heading = n, e.graphic.symbol = this.createCIMSymbol(e.data);
     }
   }
   /**
@@ -167,7 +167,7 @@ class f {
    * @returns
    */
   createCIMSymbol(i) {
-    const e = this.getPlateFontColor(i.plateColor);
+    const t = this.getPlateFontColor(i.plateColor), e = this.getCarPic(i.vehicleColor, i.speed);
     return {
       type: "cim",
       data: {
@@ -215,7 +215,7 @@ class f {
                         {
                           type: "CIMSolidFill",
                           enable: !0,
-                          color: e.backgroundColor
+                          color: t.backgroundColor
                         }
                       ]
                     },
@@ -225,7 +225,7 @@ class f {
                         {
                           type: "CIMSolidFill",
                           enable: !0,
-                          color: e.fillColor
+                          color: t.fillColor
                         }
                       ]
                     },
@@ -246,14 +246,11 @@ class f {
                 y: 0
               },
               anchorPointUnits: "Relative",
-              size: 30,
+              size: e.size,
               rotation: i.heading,
               rotateClockwise: !0,
               textureFilter: "Picture",
-              url: `${this.mapConfig.assetsRoot}Images/${this.getCarPic(
-                i.vehicleColor,
-                i.speed
-              )}`
+              url: `${this.mapConfig.assetsRoot}Images/${e.pic}`
             }
           ]
         }
@@ -265,53 +262,59 @@ class f {
    * @param carColor
    * @returns
    */
-  getCarPic(i, e) {
-    if (this.view.scale >= 1e3)
-      return e ? e <= 4.2 ? "point_red.png" : e <= 8.4 ? "point_yellow.png" : "point_green.png" : "point_green.png";
-    let t = "grey";
-    switch (typeof i == "string" && (i = i.toLowerCase()), i) {
-      case "a":
-      case 1:
-        t = "white";
-        break;
-      case "b":
-      case 2:
-        t = "grey";
-        break;
-      case "c":
-      case 3:
-        t = "yellow";
-        break;
-      case "d":
-      case 4:
-        t = "pink";
-        break;
-      case "e":
-      case 5:
-        t = "red";
-        break;
-      case "f":
-      case 10:
-        t = "purple";
-        break;
-      case "g":
-      case 6:
-        t = "green";
-        break;
-      case "h":
-      case 7:
-        t = "blue";
-        break;
-      case "i":
-      case 8:
-        t = "brown";
-        break;
-      case "j":
-      case 9:
-        t = "black";
-        break;
+  getCarPic(i, t) {
+    if (this.view.scale >= 1e3) {
+      let e = "point_green.png";
+      return t && (t <= 4.2 ? e = "point_red.png" : t <= 8.4 ? e = "point_yellow.png" : e = "point_green.png"), {
+        pic: e,
+        size: 15
+      };
+    } else {
+      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 { pic: "/car/" + e + ".png", size: 30 };
     }
-    return "/car/" + t + ".png";
   }
   /**
    * 根据号牌颜色属性获取填充色和背景色
@@ -319,30 +322,30 @@ class f {
    * @returns
    */
   getPlateFontColor(i) {
-    let e = [255, 255, 255, 255], t = [169, 169, 169, 255];
+    let t = [255, 255, 255, 255], e = [169, 169, 169, 255];
     switch (i) {
       case 0:
-        e = [0, 0, 0, 255], t = [255, 255, 255, 255];
+        t = [0, 0, 0, 255], e = [255, 255, 255, 255];
         break;
       case 1:
-        e = [0, 0, 0, 255], t = [244, 164, 96, 255];
+        t = [0, 0, 0, 255], e = [244, 164, 96, 255];
         break;
       case 2:
-        e = [255, 255, 255, 255], t = [65, 105, 225, 255];
+        t = [255, 255, 255, 255], e = [65, 105, 225, 255];
         break;
       case 3:
-        e = [255, 255, 255, 255], t = [0, 0, 0, 255];
+        t = [255, 255, 255, 255], e = [0, 0, 0, 255];
         break;
       case 15:
-        e = [244, 164, 96, 255], t = [0, 250, 154, 255];
+        t = [244, 164, 96, 255], e = [0, 250, 154, 255];
         break;
       case 16:
-        e = [0, 0, 0, 255], t = [0, 250, 154, 255];
+        t = [0, 0, 0, 255], e = [0, 250, 154, 255];
         break;
     }
     return {
-      fillColor: e,
-      backgroundColor: t
+      fillColor: t,
+      backgroundColor: e
     };
   }
 }

package/es/src/gis-map/utils/map-initializer.d.ts

@@ -11,6 +11,7 @@ export default class MapInitializer {
      */
     initialize(params: {
         container: HTMLElement;
+        mapConfig: any;
         markerClickCallback?: (type: string, id: string, detail: any, event?: any) => void;
         mapClickCallback?: (mapPoint: number[], screenPoint: number[], event?: any) => void;
     }): Promise<MapView | SceneView>;