gisviewer-vue3-arcgis 1.0.245 → 1.0.247

package/es/src/gis-map/utils/custom-layer/custom-wmts-layer.mjs

@@ -1,21 +1,144 @@
-import { subclass as a } from "@arcgis/core/core/accessorSupport/decorators";
-import c from "@arcgis/core/layers/BaseTileLayer.js";
-var i = Object.defineProperty, m = Object.getOwnPropertyDescriptor, f = (e, l, t, s) => {
-  for (var r = s > 1 ? void 0 : s ? m(l, t) : l, p = e.length - 1, o; p >= 0; p--)
-    (o = e[p]) && (r = (s ? o(l, t, r) : o(r)) || r);
-  return s && r && i(l, t, r), r;
+import { subclass as u } from "@arcgis/core/core/accessorSupport/decorators";
+import a from "@arcgis/core/layers/BaseTileLayer.js";
+var c = Object.defineProperty, v = Object.getOwnPropertyDescriptor, p = (e, s, o, r) => {
+  for (var l = r > 1 ? void 0 : r ? v(s, o) : s, t = e.length - 1, i; t >= 0; t--)
+    (i = e[t]) && (l = (r ? i(s, o, l) : i(l)) || l);
+  return r && l && c(s, o, l), l;
 };
-let u = class extends c {
+let n = class extends a {
   constructor(e) {
-    super(e), this.urlTemplate = "", this.urlTemplate = e.urlTemplate;
+    e.tileInfo || (e.tileInfo = {
+      dpi: 96,
+      size: [256, 256],
+      format: "png",
+      origin: {
+        x: -400,
+        y: 400
+      },
+      spatialReference: {
+        wkid: 4326
+      },
+      lods: [
+        {
+          level: "0",
+          scale: 591657527591555e-6,
+          resolution: 1.4078260157100582
+        },
+        {
+          level: "1",
+          scale: 295828763795777e-6,
+          resolution: 0.703913007855028
+        },
+        {
+          level: "2",
+          scale: 147914381897889e-6,
+          resolution: 0.35195650392751515
+        },
+        {
+          level: "3",
+          scale: 7395719094894399e-8,
+          resolution: 0.17597825196375638
+        },
+        {
+          level: "4",
+          scale: 36978595474471994e-9,
+          resolution: 0.08798912598187819
+        },
+        {
+          level: "5",
+          scale: 18489297737235997e-9,
+          resolution: 0.043994562990939096
+        },
+        {
+          level: "6",
+          scale: 9244648868617998e-9,
+          resolution: 0.021997281495469548
+        },
+        {
+          level: "7",
+          scale: 4622324434308999e-9,
+          resolution: 0.010998640747734774
+        },
+        {
+          level: "8",
+          scale: 2311162217155e-6,
+          resolution: 0.005499320373868577
+        },
+        {
+          level: "9",
+          scale: 1155581108577e-6,
+          resolution: 0.0027496601869330985
+        },
+        {
+          level: "10",
+          scale: 577790.554289,
+          resolution: 0.001374830093467739
+        },
+        {
+          level: "11",
+          scale: 288895.277144,
+          resolution: 6874150467326798e-19
+        },
+        {
+          level: "12",
+          scale: 144447.638572,
+          resolution: 3437075233663399e-19
+        },
+        {
+          level: "13",
+          scale: 72223.819286,
+          resolution: 17185376168316996e-20
+        },
+        {
+          level: "14",
+          scale: 36111.909643,
+          resolution: 8592688084158498e-20
+        },
+        {
+          level: "15",
+          scale: 9027.99546661377,
+          resolution: 4296344042198222e-20
+        },
+        {
+          level: "16",
+          scale: 9027.977411,
+          resolution: 2148172021099111e-20
+        },
+        {
+          level: "17",
+          scale: 4513.988705,
+          resolution: 10740860104305824e-21
+        },
+        {
+          level: "18",
+          scale: 2256.994353,
+          resolution: 53704300533426425e-22
+        },
+        {
+          level: "19",
+          scale: 1128.497176,
+          resolution: 2685215025481591e-21
+        },
+        {
+          level: "20",
+          scale: 564.248588,
+          resolution: 13426075127407955e-22
+        },
+        {
+          level: "21",
+          scale: 282.124294,
+          resolution: 6713037563703978e-22
+        }
+      ]
+    }), super(e), this.urlTemplate = "", this.urlTemplate = e.urlTemplate;
   }
-  getTileUrl(e, l, t) {
-    return this.urlTemplate.replace("{level}", String(e)).replace("{col}", String(t)).replace("{row}", String(l));
+  getTileUrl(e, s, o) {
+    return this.urlTemplate.replace("{level}", String(e)).replace("{col}", String(o)).replace("{row}", String(s));
   }
 };
-u = f([
-  a("CustomWMTS")
-], u);
+n = p([
+  u("CustomWMTS")
+], n);
 export {
-  u as default
+  n as default
 };

package/es/src/gis-map/utils/edpass-device-controller.d.ts

@@ -0,0 +1,14 @@
+import { IResult, IShowEdpassDeviceParams } from '../../types';
+export default class EdpassDeviceController {
+    private view;
+    private cameraNormalLayer;
+    private cameraAbnormalLayer;
+    private kkNormalLayer;
+    private kkAbnormalLayer;
+    private mapInitializer;
+    private watchHandle;
+    constructor(view: __esri.MapView | __esri.SceneView);
+    setEdpassLayerVisibility(params: IShowEdpassDeviceParams): Promise<IResult>;
+    private getLayerConfig;
+    private showClusterInExtent;
+}

package/es/src/gis-map/utils/edpass-device-controller.mjs

@@ -0,0 +1,237 @@
+import * as h from "@arcgis/core/core/reactiveUtils.js";
+import d from "@arcgis/core/Graphic";
+import o from "@arcgis/core/layers/GraphicsLayer";
+import { toRaw as u } from "vue";
+import v from "../stores/index.mjs";
+class x {
+  constructor(e) {
+    this.watchHandle = null, this.view = e;
+    const t = v.useAppDataStore;
+    this.mapInitializer = u(t.mapInitializer), this.cameraNormalLayer = new o({
+      id: "cameraNormalLayer"
+    }), this.kkNormalLayer = new o({
+      id: "kkNormalLayer"
+    }), this.cameraAbnormalLayer = new o({
+      id: "cameraAbnormalLayer"
+    }), this.kkAbnormalLayer = new o({
+      id: "kkAbnormalLayer"
+    }), this.view.map.addMany([
+      this.cameraNormalLayer,
+      this.kkNormalLayer,
+      this.cameraAbnormalLayer,
+      this.kkAbnormalLayer
+    ]);
+  }
+  async setEdpassLayerVisibility(e) {
+    var t;
+    if (e.deviceType !== "camera" && e.deviceType !== "kk")
+      return { status: -1, message: "不支持的设备类型" };
+    switch (e.mode) {
+      case "scatter":
+        return this.mapInitializer.setLayerVisibility({
+          id: `${e.deviceType}-${e.deviceState}`,
+          visible: e.visible
+        });
+      case "cluster": {
+        const { deviceLayer: i } = this.getLayerConfig(e);
+        i.visible = e.visible, e.visible ? (await this.showClusterInExtent(e, this.view.extent), this.watchHandle || (this.watchHandle = h.when(
+          () => this.view.stationary,
+          async () => {
+            this.cameraNormalLayer.visible && await this.showClusterInExtent(
+              {
+                deviceType: "camera",
+                deviceState: "normal",
+                mode: "cluster",
+                visible: !0
+              },
+              this.view.extent
+            ), this.cameraAbnormalLayer.visible && await this.showClusterInExtent(
+              {
+                deviceType: "camera",
+                deviceState: "abnormal",
+                mode: "cluster",
+                visible: !0
+              },
+              this.view.extent
+            ), this.kkNormalLayer.visible && await this.showClusterInExtent(
+              {
+                deviceType: "kk",
+                deviceState: "normal",
+                mode: "cluster",
+                visible: !0
+              },
+              this.view.extent
+            ), this.kkAbnormalLayer.visible && await this.showClusterInExtent(
+              {
+                deviceType: "kk",
+                deviceState: "abnormal",
+                mode: "cluster",
+                visible: !0
+              },
+              this.view.extent
+            );
+          }
+        ))) : (i.removeAll(), !this.cameraNormalLayer.visible && !this.cameraAbnormalLayer.visible && !this.kkNormalLayer.visible && !this.kkAbnormalLayer.visible && ((t = this.watchHandle) == null || t.remove(), this.watchHandle = null));
+        break;
+      }
+    }
+    return {
+      status: 0,
+      message: "Success"
+    };
+  }
+  getLayerConfig(e) {
+    let t, i, r;
+    return e.deviceType === "camera" ? e.deviceState === "normal" ? (t = "/GisViewerAssets/Images/gis/gis_sxj_map.png", i = [45, 108, 196], r = this.cameraNormalLayer) : (t = "/GisViewerAssets/Images/gis/gis_sxj_yc.png", i = [189, 49, 50], r = this.cameraAbnormalLayer) : e.deviceState === "normal" ? (t = "/GisViewerAssets/Images/gis/gis_kk_map.png", i = [45, 108, 196], r = this.kkNormalLayer) : (t = "/GisViewerAssets/Images/gis/gis_kk_yc.png", i = [189, 49, 50], r = this.kkAbnormalLayer), {
+      icon: t,
+      color: i,
+      deviceLayer: r
+    };
+  }
+  async showClusterInExtent(e, t) {
+    console.time("request");
+    const i = await fetch("/es/queryGeoAggregation", {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json"
+      },
+      body: JSON.stringify({
+        deviceType: e.deviceType,
+        topLeftLat: t.ymax,
+        topLeftLon: t.xmin,
+        bottomRightLat: t.ymin,
+        bottomRightLon: t.xmax,
+        devStateSet: [e.deviceState === "normal" ? "1" : "2"],
+        // meter: Math.round(this.view.scale / 6)
+        mapLevel: this.view.zoom + 9
+      })
+    });
+    if (i.status !== 200) {
+      console.error(i.statusText);
+      return;
+    }
+    const r = await i.json();
+    if (r.code !== 200)
+      return;
+    console.timeEnd("request"), console.time("render");
+    const { icon: l, color: n, deviceLayer: c } = this.getLayerConfig(e);
+    c.removeAll();
+    const m = r.data.map((a, y) => {
+      const s = (a.count.toString().length * 6 + 6) / 2;
+      return new d({
+        geometry: {
+          type: "point",
+          x: a.lon,
+          y: a.lat
+        },
+        attributes: {
+          gid: y,
+          count: a.count
+        },
+        symbol: a.count > 1 ? {
+          type: "cim",
+          data: {
+            type: "CIMSymbolReference",
+            symbol: {
+              type: "CIMPointSymbol",
+              symbolLayers: [
+                // 聚合数量
+                {
+                  type: "CIMVectorMarker",
+                  size: 32,
+                  colorLocked: !0,
+                  anchorPointUnits: "Relative",
+                  frame: { xmin: -16, ymin: -16, xmax: 16, ymax: 16 },
+                  markerGraphics: [
+                    // 数量文本框
+                    {
+                      type: "CIMMarkerGraphic",
+                      geometry: {
+                        rings: [
+                          [
+                            [-s, 30],
+                            [s, 30],
+                            [s, 15],
+                            [-s, 15],
+                            [-s, 30]
+                          ]
+                        ]
+                      },
+                      symbol: {
+                        type: "CIMPolygonSymbol",
+                        symbolLayers: [
+                          {
+                            type: "CIMSolidFill",
+                            enable: !0,
+                            color: n.concat([255])
+                          },
+                          {
+                            type: "CIMSolidStroke",
+                            enable: !0,
+                            width: 3,
+                            color: n.concat([128])
+                          }
+                        ]
+                      }
+                    },
+                    // 数量文字
+                    {
+                      type: "CIMMarkerGraphic",
+                      primitiveName: "textGraphic",
+                      geometry: { x: 0, y: 0 },
+                      symbol: {
+                        type: "CIMTextSymbol",
+                        fontFamilyName: "msyh",
+                        height: 12,
+                        horizontalAlignment: "Center",
+                        offsetX: 0,
+                        offsetY: 22,
+                        symbol: {
+                          type: "CIMPolygonSymbol",
+                          symbolLayers: [
+                            {
+                              type: "CIMSolidFill",
+                              enable: !0,
+                              color: [255, 255, 255, 255]
+                            }
+                          ]
+                        },
+                        verticalAlignment: "Center"
+                      },
+                      textString: a.count.toString()
+                    }
+                  ],
+                  scaleSymbolsProportionally: !0,
+                  respectFrame: !0
+                },
+                // 聚合图标
+                {
+                  type: "CIMPictureMarker",
+                  enable: !0,
+                  anchorPoint: {
+                    x: 0,
+                    y: 0
+                  },
+                  anchorPointUnits: "Relative",
+                  size: 24,
+                  rotateClockwise: !0,
+                  textureFilter: "Picture",
+                  url: l
+                }
+              ]
+            }
+          }
+        } : {
+          type: "picture-marker",
+          url: l,
+          width: 24,
+          height: 24
+        }
+      });
+    });
+    c.addMany(m), console.timeEnd("render");
+  }
+}
+export {
+  x as default
+};

package/es/src/gis-map/utils/holo-flow/signal-holo-flow-lsr.mjs

@@ -4,7 +4,7 @@ import * as g from "@arcgis/core/geometry/support/webMercatorUtils.js";
 import L from "@arcgis/core/Graphic";
 import b from "@arcgis/core/layers/GraphicsLayer";
 import M from "./signal-holo-flow.mjs";
-class v extends M {
+class G extends M {
   constructor(e, o) {
     var s, n;
     super(e), this.waitingAreaLayer = new b(), this.watchHandle = null, this.trajectoryDelayTime = 2, this.stopLineMap = /* @__PURE__ */ new Map(), this.waitingAreaMap = /* @__PURE__ */ new Map(), this.lampGroupMap = /* @__PURE__ */ new Map(), this.countdownPanelProps = o, this.view.map.add(this.waitingAreaLayer), this.trajectoryDelayTime = (n = (s = this.mapConfig.holoFlow) == null ? void 0 : s.signal) == null ? void 0 : n.delay, this.trajectoryDelayTime === void 0 && (this.trajectoryDelayTime = 2);
@@ -207,7 +207,7 @@ class v extends M {
       const l = i.direction.toLowerCase(), c = i.color === 1 ? "red" : i.color === 2 ? "yellow" : "green";
       l === "u" ? (t.uNumber = i.leftTime, t.uColor = c) : l === "l" ? (t.lNumber = i.leftTime, t.lColor = c) : l === "s" ? (t.sNumber = i.leftTime, t.sColor = c) : l === "r" && (t.rNumber = i.leftTime, t.rColor = c);
     }
-    this.updateLampGroupPanelStatus(o, a), s && this.updateWaitingArea(o, a);
+    this.updateLampGroupPanelStatus(o, a), s ? (this.updateWaitingArea(o, a), this.waitingAreaLayer.visible = !0) : this.waitingAreaLayer.visible = !1;
   }
   updateWaitingArea(e, o) {
     o.forEach((s, n) => {
@@ -332,5 +332,5 @@ class v extends M {
   }
 }
 export {
-  v as default
+  G as default
 };

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

@@ -4,6 +4,7 @@ import { ILayerVisibleParams, ILookAtParams, IResult, ISetMapCameraParams, ISetM
 export default class MapInitializer {
     private view;
     private mapConfig;
+    private processUrl;
     /**
      * 初始化地图
      * @param params 容器