gisviewer-vue3-arcgis 1.0.284 → 1.0.286

package/es/src/gis-map/utils/signal-control-area/sub-district-renderer.mjs

@@ -0,0 +1,367 @@
+import m from "@arcgis/core/Graphic";
+import w from "@arcgis/core/layers/FeatureLayer";
+import D from "../common-utils.mjs";
+import { subDistrictPointLayerOptions as P, subDistrictLineLayerOptions as g } from "./layer-symbol.mjs";
+class q {
+  constructor(t) {
+    this.roadConnections = [], this.view = t, this.subDistrictPointLayer = new w(
+      P
+    ), this.subDistrictPointLayer.spatialReference = t.spatialReference, this.subDistrictPointLayer.popupEnabled = !0, this.subDistrictLineLayer = new w(
+      g
+    ), this.subDistrictLineLayer.spatialReference = t.spatialReference, this.subDistrictLineLayer.popupEnabled = !0, this.view.map.addMany([
+      this.subDistrictLineLayer,
+      this.subDistrictPointLayer
+    ]);
+  }
+  async showSubDistricts(t) {
+    var n;
+    await this.clearSubDistricts(), (n = this.clickHandler) == null || n.remove(), this.clickHandler = this.view.on("click", this.viewHitTest.bind(this));
+    let s = 0;
+    const i = [], r = [];
+    t.forEach((e) => {
+      e.roadConnections.length > 0 && this.roadConnections.push(...e.roadConnections), r.push({
+        value: e.id,
+        label: e.name,
+        symbol: {
+          type: "simple-marker",
+          style: "circle",
+          color: [...e.areaColor, 0.8],
+          size: "8px",
+          outline: {
+            color: [...e.areaColor],
+            width: 4
+          }
+        }
+      }), e.signals.forEach((a) => {
+        const d = new m({
+          geometry: {
+            type: "point",
+            longitude: a.longitude,
+            latitude: a.latitude
+          },
+          attributes: {
+            ObjectID: s++,
+            id: a.nodeId,
+            name: a.name,
+            subDistrictId: e.id,
+            subDistrictName: e.name,
+            districtId: e.parentId,
+            districtName: e.parentName,
+            signalCount: e.signalCount,
+            color: e.areaColor.join(","),
+            type: "subDistrict"
+          }
+        });
+        i.push(d);
+      });
+    }), this.subDistrictPointLayer.renderer = {
+      type: "simple",
+      symbol: {
+        type: "simple-marker",
+        color: [23, 151, 255, 0.8],
+        size: "8px",
+        outline: {
+          color: "white",
+          width: 1
+        }
+      }
+    }, this.currentPointRenderer = this.subDistrictPointLayer.renderer.clone(), await this.subDistrictPointLayer.applyEdits({
+      addFeatures: i
+    }), await D.viewGoto(this.view, i);
+  }
+  /**
+   * 显示区控下的所有子区，用道路线表示
+   * @param id 区控ID
+   */
+  async showRoads(t) {
+    const { type: s, id: i } = t, r = this.subDistrictPointLayer.createQuery(), n = s === "district" ? "districtId" : "subDistrictId";
+    i !== "" ? r.where = `${n} = '${i}'` : r.where = "1=1";
+    const e = await this.subDistrictPointLayer.queryFeatures(
+      r
+    ), a = /* @__PURE__ */ new Map();
+    e.features.forEach((o) => {
+      var b;
+      const {
+        subDistrictId: c,
+        color: u,
+        id: h,
+        districtName: p,
+        subDistrictName: f,
+        signalCount: y
+      } = o.attributes;
+      a.has(c) || a.set(c, {
+        color: u,
+        signalIds: [],
+        districtName: p,
+        subDistrictName: f,
+        signalCount: y
+      }), (b = a.get(c)) == null || b.signalIds.push(h);
+    });
+    const d = [], L = [];
+    for (const o of a) {
+      let c = 0;
+      const u = o[0];
+      d.push({
+        value: u,
+        symbol: {
+          type: "simple-line",
+          color: o[1].color.split(",").map(Number),
+          width: 2,
+          style: "solid"
+        }
+      });
+      const { districtName: h, subDistrictName: p, signalIds: f, signalCount: y } = o[1];
+      this.roadConnections.filter(
+        (l) => l.subDistrictId === u
+      ).forEach((l) => {
+        const I = new m({
+          geometry: {
+            type: "polyline",
+            paths: l.coordinates
+          },
+          attributes: {
+            ObjectID: c++,
+            id: l.id,
+            districtId: l.districtId,
+            subDistrictId: u,
+            subDistrictName: p,
+            districtName: h,
+            signalCount: y,
+            color: o[1].color
+          }
+        });
+        L.push(I);
+      });
+    }
+    this.subDistrictLineLayer.renderer = {
+      type: "simple",
+      symbol: {
+        type: "simple-line",
+        color: [23, 151, 255],
+        width: 2
+      }
+      // type: 'unique-value',
+      // field: 'subDistrictId',
+      // defaultSymbol: {
+      //   type: 'simple-line',
+      //   color: [180, 180, 180, 0.5],
+      //   width: 2,
+      //   style: 'solid'
+      // },
+      // defaultLabel: '其他子区',
+      // uniqueValueInfos,
+      // visualVariables: [
+      //   {
+      //     type: 'size',
+      //     valueExpression: '$view.scale',
+      //     stops: [
+      //       {
+      //         size: 6,
+      //         value: 2500
+      //       },
+      //       {
+      //         size: 5,
+      //         value: 5000
+      //       },
+      //       {
+      //         size: 4,
+      //         value: 18055.954822000003
+      //       },
+      //       {
+      //         size: 3,
+      //         value: 144447.638572
+      //       },
+      //       {
+      //         size: 2,
+      //         value: 1155581.108577
+      //       }
+      //     ]
+      //   }
+      // ]
+    }, this.currentLineRenderer = this.subDistrictLineLayer.renderer.clone(), await this.subDistrictLineLayer.applyEdits({
+      addFeatures: L
+    });
+  }
+  async clearSubDistricts() {
+    var i;
+    const t = await this.subDistrictPointLayer.queryFeatures();
+    t.features.length > 0 && await this.subDistrictPointLayer.applyEdits({
+      deleteFeatures: t.features
+    }), this.subDistrictPointLayer.definitionExpression = "1=1";
+    const s = await this.subDistrictLineLayer.queryFeatures();
+    s.features.length > 0 && await this.subDistrictLineLayer.applyEdits({
+      deleteFeatures: s.features
+    }), this.subDistrictLineLayer.definitionExpression = "1=1", this.roadConnections = [], (i = this.clickHandler) == null || i.remove();
+  }
+  setVisible(t) {
+    this.showRoads({ type: "district", id: "" }), this.subDistrictPointLayer.visible = t, this.subDistrictLineLayer.visible = t;
+  }
+  /**
+   * 定位子区
+   * @param id 子区ID
+   */
+  async locateSubDistrict(t) {
+    const s = this.subDistrictPointLayer.createQuery();
+    s.where = `subDistrictId = '${t}'`, s.returnGeometry = !0;
+    const i = await this.subDistrictPointLayer.queryFeatures(s);
+    return i.features.length > 0 ? (await D.viewGoto(this.view, i.features, !1), { status: 0, message: "ok" }) : { status: 1, message: "未找到子区" };
+  }
+  /**
+   * 高亮子区, 其他子区隐藏
+   * @param id 子区ID
+   * @return 返回高亮子区的数量以及区控id
+   */
+  async highlightSubDistrict(t) {
+    let s = "";
+    const i = this.subDistrictPointLayer.definitionExpression;
+    this.subDistrictPointLayer.definitionExpression = `subDistrictId = '${t.id}'`;
+    const r = await this.subDistrictPointLayer.queryFeatures(), n = r.features.length;
+    return n > 0 ? (this.subDistrictLineLayer.definitionExpression = `subDistrictId = '${t.id}'`, s = r.features[0].attributes.districtId, await D.viewGoto(
+      this.view,
+      r.features,
+      t.needZoom !== !1
+    )) : this.subDistrictPointLayer.definitionExpression = i, { count: n, parentId: s };
+  }
+  /**
+   * 按照区控、子区id显示子区
+   * @param type 类型，district 或 subDistrict
+   * @param id
+   */
+  filter(t) {
+    const { type: s, id: i } = t, r = `${s === "district" ? "districtId" : "subDistrictId"} = '${i}'`;
+    this.subDistrictPointLayer.definitionExpression = r, this.subDistrictLineLayer.definitionExpression = r;
+  }
+  /**
+   * 重置过滤器，显示所有子区
+   */
+  resetFilter() {
+    this.subDistrictPointLayer.definitionExpression = "1=1", this.subDistrictLineLayer.definitionExpression = "1=1";
+  }
+  /**
+   * 监听地图点击事件，进行子区高亮
+   * @param event
+   */
+  async viewHitTest(t) {
+    var r;
+    const i = (r = (await this.view.hitTest(t, {
+      include: [this.subDistrictPointLayer, this.subDistrictLineLayer]
+    })).results) == null ? void 0 : r.filter(
+      (n) => n.type === "graphic"
+    );
+    if (i.length === 0)
+      console.time("resetRenderer"), this.subDistrictPointLayer.renderer = this.currentPointRenderer, this.subDistrictLineLayer.renderer = this.currentLineRenderer;
+    else {
+      const n = i[0].graphic, e = n.attributes.color.split(",").map(Number);
+      this.subDistrictPointLayer.renderer = {
+        type: "unique-value",
+        field: "subDistrictId",
+        defaultSymbol: {
+          type: "simple-marker",
+          style: "circle",
+          color: [0, 0, 0, 0],
+          size: "8px",
+          outline: {
+            color: [180, 180, 180, 0.5],
+            width: 4
+          }
+        },
+        defaultLabel: "其他子区",
+        uniqueValueInfos: [
+          {
+            value: n.attributes.subDistrictId,
+            symbol: {
+              type: "simple-marker",
+              style: "circle",
+              color: [...e, 0.8],
+              size: "8px",
+              outline: {
+                color: e,
+                width: 4
+              }
+            }
+          }
+        ]
+        // visualVariables: [
+        //   {
+        //     type: 'size',
+        //     valueExpression: '$view.scale',
+        //     stops: [
+        //       {
+        //         size: 24,
+        //         value: 2500
+        //       },
+        //       {
+        //         size: 20,
+        //         value: 5000
+        //       },
+        //       {
+        //         size: 8,
+        //         value: 18055.954822000003
+        //       },
+        //       {
+        //         size: 4,
+        //         value: 144447.638572
+        //       },
+        //       {
+        //         size: 2,
+        //         value: 1155581.108577
+        //       }
+        //     ]
+        //   }
+        // ]
+      }, this.subDistrictLineLayer.renderer = {
+        type: "unique-value",
+        field: "subDistrictId",
+        defaultSymbol: {
+          type: "simple-line",
+          style: "solid",
+          color: [180, 180, 180, 0.5],
+          width: "8px"
+        },
+        defaultLabel: "其他子区",
+        uniqueValueInfos: [
+          {
+            value: n.attributes.subDistrictId,
+            symbol: {
+              type: "simple-line",
+              style: "solid",
+              color: n.attributes.color.split(",").map(Number),
+              width: "8px"
+            }
+          }
+        ]
+        // visualVariables: [
+        //   {
+        //     type: 'size',
+        //     valueExpression: '$view.scale',
+        //     stops: [
+        //       {
+        //         size: 6,
+        //         value: 2500
+        //       },
+        //       {
+        //         size: 5,
+        //         value: 5000
+        //       },
+        //       {
+        //         size: 4,
+        //         value: 18055.954822000003
+        //       },
+        //       {
+        //         size: 3,
+        //         value: 144447.638572
+        //       },
+        //       {
+        //         size: 2,
+        //         value: 1155581.108577
+        //       }
+        //     ]
+        //   }
+        // ]
+      };
+    }
+  }
+}
+export {
+  q as default
+};

package/es/src/gis-map/utils/signal-system/signal-system-controller.mjs

@@ -0,0 +1,137 @@
+import i from "@arcgis/core/Graphic";
+import h from "@arcgis/core/layers/GraphicsLayer";
+import o from "../common-utils.mjs";
+class S {
+  constructor(e) {
+    this.view = e, this.signalSystemLayer = new h({
+      title: "信控系统图层"
+    }), this.view.map.add(this.signalSystemLayer);
+  }
+  /**
+   * 显示信控系统
+   * @param params
+   * @returns
+   */
+  async showSignalSystems(e) {
+    return e.areaList.forEach((s) => {
+      this.showSystem(s);
+    }), await o.viewGoto(
+      this.view,
+      this.signalSystemLayer.graphics.toArray()
+    ), {
+      status: 0,
+      message: "success"
+    };
+  }
+  /**
+   * 显示信控子系统
+   * @param params
+   * @returns
+   */
+  async showSubSignalSystems(e) {
+    return e.areaList.forEach((s) => {
+      this.showSubSystem(s);
+    }), await o.viewGoto(
+      this.view,
+      this.signalSystemLayer.graphics.toArray()
+    ), {
+      status: 0,
+      message: "success"
+    };
+  }
+  removeSubSignalSystems(e) {
+    return e ? this.signalSystemLayer.graphics.filter((s) => s.getAttribute("subCode") === e).forEach((s) => {
+      this.signalSystemLayer.remove(s);
+    }) : this.signalSystemLayer.removeAll(), {
+      status: 0,
+      message: "success"
+    };
+  }
+  removeSignalSystems(e) {
+    return e ? this.signalSystemLayer.graphics.filter((s) => s.getAttribute("areaCode") === e).forEach((s) => {
+      this.signalSystemLayer.remove(s);
+    }) : this.signalSystemLayer.removeAll(), {
+      status: 0,
+      message: "success"
+    };
+  }
+  showSystem(e) {
+    if (e.shape) {
+      let s;
+      if (typeof e.shape == "string" ? s = JSON.parse(e.shape) : s = e.shape, s) {
+        const t = new i({
+          geometry: {
+            type: "polyline",
+            paths: [s]
+          },
+          symbol: e.lineSymbol || {
+            type: "simple-line",
+            style: "dash",
+            color: [17, 113, 191],
+            width: 2
+          },
+          attributes: {
+            areaCode: e.areaCode,
+            type: "signal-system-border"
+          }
+        });
+        this.signalSystemLayer.add(t);
+      }
+    }
+    e.children.forEach((s) => {
+      this.showSubSystem(s, e.areaCode);
+    });
+  }
+  showSubSystem(e, s) {
+    if (e.subShape) {
+      let t;
+      typeof e.subShape == "string" ? t = JSON.parse(e.subShape) : t = e.subShape;
+      const a = t.map((r, l) => new i({
+        geometry: {
+          type: "polyline",
+          paths: [r]
+        },
+        symbol: e.roadSymbol || {
+          type: "simple-line",
+          color: [23, 151, 255],
+          width: 3
+        },
+        attributes: {
+          type: "signal-sub-system",
+          id: e.subAreaCode + "_" + l,
+          subCode: e.subAreaCode,
+          areaCode: s || ""
+        }
+      }));
+      this.signalSystemLayer.addMany(a);
+    }
+    if (e.children) {
+      const t = e.children.map((a) => new i({
+        geometry: {
+          type: "point",
+          longitude: Number(a.x),
+          latitude: Number(a.y)
+        },
+        symbol: a.symbol || e.nodeSymbol || {
+          type: "simple-marker",
+          color: [23, 151, 255, 0.8],
+          size: 10,
+          outline: {
+            color: [23, 151, 255],
+            width: 2
+          }
+        },
+        attributes: {
+          ...a,
+          type: "signal-sub-system-node",
+          subCode: e.subAreaCode,
+          areaCode: s || ""
+        }
+      }));
+      this.signalSystemLayer.addMany(t);
+    }
+  }
+}
+export {
+  S as default
+};