gisviewer-vue3-arcgis 1.0.202 → 1.0.204

package/es/src/gis-map/utils/signal-control-area-controller/show-area.mjs

@@ -0,0 +1,806 @@
+import y from "@arcgis/core/Graphic";
+import a from "@arcgis/core/layers/FeatureLayer";
+import c from "@turf/buffer";
+import p from "@turf/convex";
+import * as l from "@turf/helpers";
+import m from "concaveman";
+import h from "../../stores/index.mjs";
+import g from "./district-controller.mjs";
+class S {
+  constructor(e) {
+    var r;
+    this.districtControllerOid = 0, this.subDistrictControllerOid = 0, this.signalOid = 0, this.subDistrictGraphics = [], this.view = e, this.hasGpu = localStorage.getItem("gpu") !== "Unknown";
+    const s = h.useAppDataStore.mapConfig;
+    this.openDriveServer = (r = s.openDriveServer) == null ? void 0 : r.url, this.districtControllerDashLayer = new a({
+      id: "districtController",
+      spatialReference: e.spatialReference,
+      source: [],
+      objectIdField: "ObjectID",
+      geometryType: "polyline",
+      outFields: ["*"],
+      fields: [
+        {
+          name: "ObjectID",
+          type: "oid"
+        },
+        {
+          name: "id",
+          type: "string"
+        },
+        {
+          name: "name",
+          type: "string"
+        },
+        {
+          name: "subDistrictCount",
+          type: "integer"
+        },
+        {
+          name: "signalCount",
+          type: "integer"
+        }
+      ],
+      renderer: {
+        type: "simple",
+        symbol: {
+          type: "simple-line",
+          style: "long-dash",
+          color: [111, 100, 255],
+          width: 3
+        }
+      }
+    }), this.districtControllerSolidLayer = new a({
+      id: "districtController",
+      spatialReference: e.spatialReference,
+      source: [],
+      objectIdField: "ObjectID",
+      outFields: ["*"],
+      geometryType: "polyline",
+      fields: [
+        {
+          name: "ObjectID",
+          type: "oid"
+        },
+        {
+          name: "id",
+          type: "string"
+        },
+        {
+          name: "name",
+          type: "string"
+        },
+        {
+          name: "subDistrictCount",
+          type: "integer"
+        },
+        {
+          name: "signalCount",
+          type: "integer"
+        }
+      ],
+      popupTemplate: {
+        title: "{name}",
+        content: [
+          {
+            type: "fields",
+            fieldInfos: [
+              {
+                fieldName: "id",
+                label: "区控编号"
+              },
+              {
+                fieldName: "subDistrictCount",
+                label: "子区数量"
+              },
+              {
+                fieldName: "signalCount",
+                label: "信号机数量"
+              }
+            ]
+          }
+        ]
+      },
+      renderer: {
+        type: "simple",
+        symbol: {
+          type: "simple-line",
+          style: "solid",
+          color: [111, 100, 255, 0.4],
+          width: 3
+        }
+      }
+    }), this.subDistrictControllerLayer = new a({
+      id: "subDistrictController",
+      spatialReference: e.spatialReference,
+      source: [],
+      objectIdField: "ObjectID",
+      outFields: ["*"],
+      geometryType: "polyline",
+      fields: [
+        {
+          name: "ObjectID",
+          type: "oid"
+        },
+        {
+          name: "id",
+          type: "string"
+        },
+        {
+          name: "name",
+          type: "string"
+        },
+        {
+          name: "parentId",
+          type: "string"
+        },
+        {
+          name: "parentName",
+          type: "string"
+        },
+        {
+          name: "signalCount",
+          type: "integer"
+        }
+      ],
+      popupTemplate: {
+        title: "{name} 子区",
+        content: [
+          {
+            type: "fields",
+            fieldInfos: [
+              {
+                fieldName: "id",
+                label: "区控编号"
+              },
+              {
+                fieldName: "parentName",
+                label: "所属区控"
+              },
+              {
+                fieldName: "signalCount",
+                label: "信号机数量"
+              }
+            ]
+          }
+        ]
+      },
+      renderer: {
+        type: "simple",
+        symbol: {
+          type: "simple-line",
+          style: "solid",
+          color: [5, 196, 104],
+          width: 3
+        }
+      }
+    }), this.signalMarkerLayer = new a({
+      id: "signalLayer",
+      spatialReference: e.spatialReference,
+      source: [],
+      objectIdField: "ObjectID",
+      outFields: ["*"],
+      geometryType: "point",
+      maxScale: 5e3,
+      fields: [
+        {
+          name: "ObjectID",
+          type: "oid"
+        },
+        {
+          name: "id",
+          type: "string"
+        },
+        {
+          name: "name",
+          type: "string"
+        },
+        {
+          name: "signalId",
+          type: "string"
+        },
+        {
+          name: "nodeId",
+          type: "string"
+        },
+        {
+          name: "isKey",
+          type: "string"
+        },
+        {
+          name: "districtId",
+          type: "string"
+        },
+        {
+          name: "districtName",
+          type: "string"
+        },
+        {
+          name: "subDistrictId",
+          type: "string"
+        },
+        {
+          name: "subDistrictName",
+          type: "string"
+        }
+      ],
+      popupTemplate: {
+        title: "{name}信号机",
+        content: [
+          {
+            type: "fields",
+            fieldInfos: [
+              {
+                fieldName: "districtName",
+                label: "区控名称"
+              },
+              {
+                fieldName: "subDistrictName",
+                label: "子区名称"
+              },
+              {
+                fieldName: "signalId",
+                label: "信号机编号"
+              },
+              {
+                fieldName: "nodeId",
+                label: "路口编号"
+              }
+            ]
+          }
+        ]
+      },
+      renderer: {
+        type: "unique-value",
+        field: "isKey",
+        defaultSymbol: {
+          type: "simple-marker",
+          style: "circle",
+          color: "gray",
+          size: 4,
+          outline: {
+            color: "white",
+            width: 1
+          }
+        },
+        uniqueValueInfos: [
+          {
+            value: "true",
+            symbol: {
+              type: "simple-marker",
+              style: "circle",
+              color: [254, 172, 22],
+              size: 12,
+              outline: {
+                color: "white",
+                width: 1
+              }
+            }
+          },
+          {
+            value: "false",
+            symbol: {
+              type: "simple-marker",
+              style: "circle",
+              color: [5, 116, 255],
+              size: 8,
+              outline: {
+                color: "white",
+                width: 1
+              }
+            }
+          }
+        ]
+      }
+    }), this.signalPictureLayer = new a({
+      id: "signalLayer",
+      spatialReference: e.spatialReference,
+      source: [],
+      objectIdField: "ObjectID",
+      outFields: ["*"],
+      geometryType: "point",
+      minScale: 5e3,
+      fields: [
+        {
+          name: "ObjectID",
+          type: "oid"
+        },
+        {
+          name: "id",
+          type: "string"
+        },
+        {
+          name: "name",
+          type: "string"
+        },
+        {
+          name: "signalId",
+          type: "string"
+        },
+        {
+          name: "nodeId",
+          type: "string"
+        },
+        {
+          name: "isKey",
+          type: "string"
+        },
+        {
+          name: "districtId",
+          type: "string"
+        },
+        {
+          name: "districtName",
+          type: "string"
+        },
+        {
+          name: "subDistrictId",
+          type: "string"
+        },
+        {
+          name: "subDistrictName",
+          type: "string"
+        }
+      ],
+      popupTemplate: {
+        title: "{name}信号机",
+        content: [
+          {
+            type: "fields",
+            fieldInfos: [
+              {
+                fieldName: "districtName",
+                label: "区控名称"
+              },
+              {
+                fieldName: "subDistrictName",
+                label: "子区名称"
+              },
+              {
+                fieldName: "signalId",
+                label: "信号机编号"
+              },
+              {
+                fieldName: "nodeId",
+                label: "路口编号"
+              }
+            ]
+          }
+        ]
+      },
+      renderer: {
+        type: "unique-value",
+        field: "isKey",
+        defaultSymbol: {
+          type: "simple-marker",
+          style: "circle",
+          color: "gray",
+          size: 4,
+          outline: {
+            color: "white",
+            width: 1
+          }
+        },
+        uniqueValueInfos: [
+          {
+            value: "true",
+            symbol: {
+              type: "cim",
+              data: {
+                type: "CIMSymbolReference",
+                primitiveOverrides: [
+                  {
+                    // 将textGraphic的TextString替换为graphic.attributes.name
+                    type: "CIMPrimitiveOverride",
+                    primitiveName: "textGraphic",
+                    propertyName: "TextString",
+                    valueExpressionInfo: {
+                      type: "CIMExpressionInfo",
+                      title: "Custom",
+                      expression: 'Replace($feature.name, "与", "/") + "  " + $feature.signalId',
+                      returnType: "Default"
+                    }
+                  }
+                ],
+                symbol: {
+                  type: "CIMPointSymbol",
+                  symbolLayers: [
+                    // 路口名称
+                    {
+                      type: "CIMVectorMarker",
+                      size: 32,
+                      colorLocked: !0,
+                      anchorPointUnits: "Relative",
+                      frame: { xmin: -16, ymin: -16, xmax: 16, ymax: 16 },
+                      markerGraphics: [
+                        {
+                          type: "CIMMarkerGraphic",
+                          primitiveName: "textGraphic",
+                          geometry: { x: 0, y: 0 },
+                          symbol: {
+                            type: "CIMTextSymbol",
+                            height: 12,
+                            horizontalAlignment: "Center",
+                            offsetX: 0,
+                            offsetY: 30,
+                            haloSize: 1,
+                            haloSymbol: {
+                              type: "CIMPolygonSymbol",
+                              symbolLayers: [
+                                {
+                                  type: "CIMSolidFill",
+                                  enable: !0,
+                                  color: [255, 255, 255, 255]
+                                }
+                              ]
+                            },
+                            symbol: {
+                              type: "CIMPolygonSymbol",
+                              symbolLayers: [
+                                {
+                                  type: "CIMSolidFill",
+                                  enable: !0,
+                                  color: [0, 0, 0, 255]
+                                }
+                              ]
+                            },
+                            verticalAlignment: "Center"
+                          },
+                          textString: ""
+                        }
+                      ],
+                      scaleSymbolsProportionally: !0,
+                      respectFrame: !0
+                    },
+                    // 路口图标
+                    {
+                      type: "CIMPictureMarker",
+                      enable: !0,
+                      anchorPoint: {
+                        x: 0,
+                        y: 0
+                      },
+                      anchorPointUnits: "Relative",
+                      size: 40,
+                      rotateClockwise: !0,
+                      textureFilter: "Picture",
+                      url: "/GisViewerAssets/Images/cross/gis_gjxklk_orange.png"
+                    }
+                  ]
+                }
+              }
+            }
+          },
+          {
+            value: "false",
+            symbol: {
+              type: "cim",
+              data: {
+                type: "CIMSymbolReference",
+                primitiveOverrides: [
+                  {
+                    // 将textGraphic的TextString替换为graphic.attributes.name
+                    type: "CIMPrimitiveOverride",
+                    primitiveName: "textGraphic",
+                    propertyName: "TextString",
+                    valueExpressionInfo: {
+                      type: "CIMExpressionInfo",
+                      title: "Custom",
+                      expression: 'Replace($feature.name, "与", "/") + "  " + $feature.signalId',
+                      returnType: "Default"
+                    }
+                  }
+                ],
+                symbol: {
+                  type: "CIMPointSymbol",
+                  symbolLayers: [
+                    // 路口名称
+                    {
+                      type: "CIMVectorMarker",
+                      size: 32,
+                      colorLocked: !0,
+                      anchorPointUnits: "Relative",
+                      frame: { xmin: -16, ymin: -16, xmax: 16, ymax: 16 },
+                      markerGraphics: [
+                        {
+                          type: "CIMMarkerGraphic",
+                          primitiveName: "textGraphic",
+                          geometry: { x: 0, y: 0 },
+                          symbol: {
+                            type: "CIMTextSymbol",
+                            height: 12,
+                            horizontalAlignment: "Center",
+                            offsetX: 0,
+                            offsetY: 15,
+                            haloSize: 1,
+                            haloSymbol: {
+                              type: "CIMPolygonSymbol",
+                              symbolLayers: [
+                                {
+                                  type: "CIMSolidFill",
+                                  enable: !0,
+                                  color: [255, 255, 255, 255]
+                                }
+                              ]
+                            },
+                            symbol: {
+                              type: "CIMPolygonSymbol",
+                              symbolLayers: [
+                                {
+                                  type: "CIMSolidFill",
+                                  enable: !0,
+                                  color: [0, 0, 0, 255]
+                                }
+                              ]
+                            },
+                            verticalAlignment: "Center"
+                          },
+                          textString: ""
+                        }
+                      ],
+                      scaleSymbolsProportionally: !0,
+                      respectFrame: !0
+                    },
+                    // 路口图标
+                    {
+                      type: "CIMPictureMarker",
+                      enable: !0,
+                      anchorPoint: {
+                        x: 0,
+                        y: 0
+                      },
+                      anchorPointUnits: "Relative",
+                      size: 20,
+                      rotateClockwise: !0,
+                      textureFilter: "Picture",
+                      url: "/GisViewerAssets/Images/cross/gis_xhj_blue.png"
+                    }
+                  ]
+                }
+              }
+            }
+          }
+        ]
+      }
+    }), this.view.map.addMany([
+      this.districtControllerSolidLayer,
+      this.districtControllerDashLayer,
+      this.subDistrictControllerLayer,
+      this.signalMarkerLayer,
+      this.signalPictureLayer
+    ]);
+  }
+  /**
+   * 显示所有区控、子区、信号机
+   * @param params
+   * @returns
+   */
+  async showSignalControlArea(e) {
+    await this.clearSignalControlArea(), this.districtControllerDashLayer.visible = !0, this.districtControllerSolidLayer.visible = !0, this.subDistrictControllerLayer.visible = !1, this.signalMarkerLayer.visible = !1, this.signalPictureLayer.visible = !1;
+    for (const s of e.areaList) {
+      const r = new g(
+        s,
+        e.style || ""
+      );
+      await this.drawArea(r, !0), await this.subDistrictControllerLayer.applyEdits({
+        addFeatures: this.subDistrictGraphics
+      }), this.subDistrictGraphics = [];
+    }
+    const t = await this.districtControllerDashLayer.queryFeatures();
+    return this.view.goTo(t.features), { status: 0, message: "ok" };
+  }
+  /**
+   * 清空区控、子区、信号机
+   * @returns
+   */
+  async clearSignalControlArea() {
+    this.districtControllerOid = 0, this.subDistrictControllerOid = 0, this.signalOid = 0;
+    let e = await this.districtControllerDashLayer.queryFeatures();
+    return await this.districtControllerDashLayer.applyEdits({
+      deleteFeatures: e.features
+    }), e = await this.districtControllerSolidLayer.queryFeatures(), await this.districtControllerSolidLayer.applyEdits({
+      deleteFeatures: e.features
+    }), e = await this.subDistrictControllerLayer.queryFeatures(), await this.subDistrictControllerLayer.applyEdits({
+      deleteFeatures: e.features
+    }), e = await this.signalMarkerLayer.queryFeatures(), await this.signalMarkerLayer.applyEdits({
+      deleteFeatures: e.features
+    }), e = await this.signalPictureLayer.queryFeatures(), await this.signalPictureLayer.applyEdits({
+      deleteFeatures: e.features
+    }), { status: 0, message: "ok" };
+  }
+  /**
+   * 设置区控、子区、信号机图层可见性
+   * @param layerName
+   * @param visible
+   */
+  setLayerVisibility(e) {
+    switch (e.visible === !1 && this.view.closePopup(), e.id) {
+      case "district":
+        this.districtControllerDashLayer.visible = e.visible, this.districtControllerSolidLayer.visible = e.visible;
+        break;
+      case "subDistrict":
+        this.subDistrictControllerLayer.visible = e.visible;
+        break;
+      case "signal":
+        this.signalMarkerLayer.visible = e.visible, this.signalPictureLayer.visible = e.visible;
+        break;
+    }
+    return { status: 0, message: "ok" };
+  }
+  /**
+   * 定位区控、子区、信号机
+   * @param params
+   * @returns
+   */
+  async locateSignalControlArea(e) {
+    switch (e.type) {
+      case "district": {
+        const r = this.districtControllerDashLayer.createQuery();
+        r.where = `id = '${e.id}'`, r.returnGeometry = !0, r.outFields = ["*"];
+        const i = await this.districtControllerDashLayer.queryFeatures(
+          r
+        );
+        return i.features.length > 0 ? (await this.view.goTo(i.features, {
+          duration: this.hasGpu ? 1e3 : 0
+        }), { status: 0, message: "ok" }) : { status: 1, message: "未找到区控" };
+      }
+      case "subDistrict":
+        const t = this.subDistrictControllerLayer.createQuery();
+        t.where = `id = '${e.id}'`, t.returnGeometry = !0, t.outFields = ["*"];
+        const s = await this.subDistrictControllerLayer.queryFeatures(
+          t
+        );
+        return s.features.length > 0 ? (await this.view.goTo(s.features, {
+          duration: this.hasGpu ? 1e3 : 0
+        }), { status: 0, message: "ok" }) : { status: 1, message: "未找到子区" };
+      case "signal": {
+        const r = this.signalMarkerLayer.createQuery();
+        r.where = `id = '${e.id}'`, r.returnGeometry = !0, r.outFields = ["*"];
+        const i = await this.signalMarkerLayer.queryFeatures(r);
+        return i.features.length > 0 ? (await this.view.goTo(
+          { target: i.features[0], scale: 2500 },
+          {
+            duration: this.hasGpu ? 1e3 : 0
+          }
+        ), { status: 0, message: "ok" }) : { status: 1, message: "未找到信号机" };
+      }
+      default:
+        return { status: 1, message: "未知类型" };
+    }
+  }
+  /**
+   * 高亮指定的区控、子区、信号机，其他隐藏
+   * @param params
+   * @returns
+   */
+  async highlightSignalControlArea(e) {
+    switch (e.type) {
+      case "district": {
+        this.districtControllerDashLayer.definitionExpression = `id = '${e.id}'`, this.districtControllerSolidLayer.definitionExpression = `id = '${e.id}'`, this.subDistrictControllerLayer.definitionExpression = `parentId = '${e.id}'`, this.signalMarkerLayer.definitionExpression = `districtId = '${e.id}'`, this.signalPictureLayer.definitionExpression = `districtId = '${e.id}'`;
+        const t = await this.districtControllerDashLayer.queryFeatures();
+        return t.features.length > 0 ? (await this.view.goTo(t.features, {
+          duration: this.hasGpu ? 1e3 : 0
+        }), { status: 0, message: "ok" }) : { status: 1, message: "未找到区控" };
+      }
+      case "subDistrict": {
+        this.subDistrictControllerLayer.definitionExpression = `id = '${e.id}'`, this.signalMarkerLayer.definitionExpression = `subDistrictId = '${e.id}'`, this.signalPictureLayer.definitionExpression = `subDistrictId = '${e.id}'`;
+        const t = await this.subDistrictControllerLayer.queryFeatures();
+        if (t.features.length > 0) {
+          const r = t.features[0].attributes.parentId;
+          return this.districtControllerDashLayer.definitionExpression = `id = '${r}'`, this.districtControllerSolidLayer.definitionExpression = `id = '${r}'`, await this.view.goTo(t.features, {
+            duration: this.hasGpu ? 1e3 : 0
+          }), { status: 0, message: "ok" };
+        } else
+          return { status: 1, message: "未找到子区" };
+      }
+      case "signal": {
+        this.signalMarkerLayer.definitionExpression = `id = '${e.id}'`, this.signalPictureLayer.definitionExpression = `id = '${e.id}'`;
+        const t = await this.signalMarkerLayer.queryFeatures();
+        if (t.features.length > 0) {
+          const s = t.features[0], { districtId: r, subDistrictId: i } = s.attributes;
+          return this.districtControllerDashLayer.definitionExpression = `id = '${r}'`, this.districtControllerSolidLayer.definitionExpression = `id = '${r}'`, this.subDistrictControllerLayer.definitionExpression = `id = '${i}'`, await this.view.goTo(
+            { target: t.features, zoom: 2500 },
+            {
+              duration: this.hasGpu ? 1e3 : 0
+            }
+          ), { status: 0, message: "ok" };
+        } else
+          return { status: 1, message: "未找到信号机" };
+      }
+      default:
+        return { status: 1, message: "未知类型" };
+    }
+  }
+  /**
+   * 重置高亮，恢复全图视角
+   * @returns
+   */
+  async resetHighlight() {
+    this.districtControllerDashLayer.definitionExpression = "1=1", this.districtControllerSolidLayer.definitionExpression = "1=1", this.subDistrictControllerLayer.definitionExpression = "1=1", this.signalMarkerLayer.definitionExpression = "1=1";
+    const e = await this.districtControllerDashLayer.queryFeatures();
+    return this.view.goTo(e.features, {
+      duration: this.hasGpu ? 1e3 : 0
+    }), { status: 0, message: "ok" };
+  }
+  /**
+   * 绘制区控、子区和信号机
+   * @param districtController
+   * @param isDistrict 是否是区控
+   * @returns
+   */
+  async drawArea(e, t) {
+    const s = e.getAllSignalCoordinates();
+    if (s.length >= 2) {
+      let i = null;
+      if (s.length === 2)
+        i = l.lineString(s);
+      else {
+        if (t) {
+          const n = l.featureCollection(
+            s.map((d) => l.point(d))
+          );
+          i = p(n);
+        } else {
+          const n = m(s, 0.5);
+          n.length >= 4 && (i = l.polygon([n]));
+        }
+        i || (i = l.lineString(s));
+      }
+      const u = c(
+        i.geometry,
+        // 区控面积更大，需要更大的缓冲半径
+        t ? 200 : 30,
+        {
+          units: "meters"
+        }
+      ), o = new y({
+        geometry: {
+          type: "polyline",
+          paths: u.geometry.coordinates
+        },
+        attributes: {
+          ObjectID: t ? this.districtControllerOid++ : this.subDistrictControllerOid++,
+          id: e.id,
+          name: e.name,
+          subDistrictCount: e.subDistrictCount,
+          signalCount: e.signalCount,
+          parentId: e.parentId,
+          parentName: e.parentName
+        }
+      });
+      t ? (await this.districtControllerDashLayer.applyEdits({
+        addFeatures: [o]
+      }), await this.districtControllerSolidLayer.applyEdits({
+        addFeatures: [o]
+      })) : this.subDistrictGraphics.push(o);
+    }
+    for (const i of e.subDistricts)
+      await this.drawArea(i, !1);
+    const r = e.signals.map((i) => new y({
+      geometry: {
+        type: "point",
+        x: i.longitude,
+        y: i.latitude
+      },
+      attributes: {
+        ObjectID: this.signalOid++,
+        id: i.id,
+        name: i.name,
+        signalId: i.signalId,
+        nodeId: i.id,
+        isKey: i.isKey,
+        districtId: t ? e.id : e.parentId,
+        districtName: t ? e.name : e.parentName,
+        subDistrictId: t ? "" : e.id,
+        subDistrictName: t ? "" : e.name
+      }
+    }));
+    await this.signalMarkerLayer.applyEdits({
+      addFeatures: r
+    }), await this.signalPictureLayer.applyEdits({
+      addFeatures: r
+    });
+  }
+}
+export {
+  S as default
+};