gisviewer-vue3-arcgis 1.0.246 → 1.0.248

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,268 @@
+import * as d from "@arcgis/core/core/reactiveUtils.js";
+import v from "@arcgis/core/Graphic";
+import l from "@arcgis/core/layers/GraphicsLayer";
+import { toRaw as b } from "vue";
+import p from "../stores/index.mjs";
+class S {
+  constructor(e) {
+    this.watchHandle = null, this.view = e;
+    const t = p.useAppDataStore;
+    this.mapInitializer = b(t.mapInitializer), this.cameraNormalLayer = new l({
+      id: "cameraNormalLayer",
+      visible: !1
+    }), this.cameraAbnormalLayer = new l({
+      id: "cameraAbnormalLayer",
+      visible: !1
+    }), this.kkNormalLayer = new l({
+      id: "kkNormalLayer",
+      visible: !1
+    }), this.kkAbnormalLayer = new l({
+      id: "kkAbnormalLayer",
+      visible: !1
+    }), this.view.map.addMany([
+      this.cameraNormalLayer,
+      this.cameraAbnormalLayer,
+      this.kkNormalLayer,
+      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, console.log(i.id, i.visible), e.visible ? (await this.showClusterInExtent(e, this.view.extent), this.watchHandle || (this.watchHandle = d.when(
+          () => this.view.stationary,
+          async () => {
+            this.cameraNormalLayer.visible && (console.log("刷新 camera normal"), await this.showClusterInExtent(
+              {
+                deviceType: "camera",
+                deviceState: "normal",
+                mode: "cluster",
+                visible: !0
+              },
+              this.view.extent
+            )), this.cameraAbnormalLayer.visible && (console.log("刷新 camera abnormal"), await this.showClusterInExtent(
+              {
+                deviceType: "camera",
+                deviceState: "abnormal",
+                mode: "cluster",
+                visible: !0
+              },
+              this.view.extent
+            )), this.kkNormalLayer.visible && (console.log("刷新 kk normal"), await this.showClusterInExtent(
+              {
+                deviceType: "kk",
+                deviceState: "normal",
+                mode: "cluster",
+                visible: !0
+              },
+              this.view.extent
+            )), this.kkAbnormalLayer.visible && (console.log("刷新 kk abnormal"), 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) {
+    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;
+    const { icon: n, color: c, deviceLayer: m } = this.getLayerConfig(e);
+    m.removeAll();
+    const h = r.data.map((a) => {
+      var y;
+      const o = (a.count.toString().length * 6 + 6) / 2, s = new v({
+        geometry: {
+          type: "point",
+          x: a.lon,
+          y: a.lat
+        },
+        attributes: {
+          id: ((y = a.devInfo) == null ? void 0 : y.deviceId) || a.key,
+          type: e.deviceType,
+          count: a.count,
+          typeName: e.deviceType === "camera" ? "视频" : "卡口",
+          stateName: e.deviceState === "normal" ? "正常" : "异常",
+          ...a.devInfo
+        }
+      });
+      return a.count > 1 ? s.symbol = {
+        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: [
+                        [
+                          [-o, 30],
+                          [o, 30],
+                          [o, 15],
+                          [-o, 15],
+                          [-o, 30]
+                        ]
+                      ]
+                    },
+                    symbol: {
+                      type: "CIMPolygonSymbol",
+                      symbolLayers: [
+                        {
+                          type: "CIMSolidFill",
+                          enable: !0,
+                          color: c.concat([255])
+                        },
+                        {
+                          type: "CIMSolidStroke",
+                          enable: !0,
+                          width: 3,
+                          color: c.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: n
+              }
+            ]
+          }
+        }
+      } : (s.symbol = {
+        type: "picture-marker",
+        url: n,
+        width: 18,
+        height: 18
+      }, s.popupTemplate = {
+        title: "视频信息",
+        content: [
+          {
+            type: "fields",
+            fieldInfos: [
+              {
+                fieldName: "deviceId",
+                label: "设备编号"
+              },
+              {
+                fieldName: "deviceName",
+                label: "设备名称"
+              },
+              {
+                fieldName: "typeName",
+                label: "设备类型"
+              },
+              {
+                fieldName: "stateName",
+                label: "设备状态"
+              }
+            ]
+          }
+        ]
+      }), s;
+    });
+    m.addMany(h);
+  }
+}
+export {
+  S 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 容器