gisviewer-vue3-arcgis 1.0.284 → 1.0.285

package/es/src/gis-map/utils/road-config-tool/cross.mjs

@@ -0,0 +1,127 @@
+import { Point as l, Polygon as d } from "@arcgis/core/geometry";
+import f from "../common-utils.mjs";
+import p from "./entrance.mjs";
+import u from "./exit.mjs";
+class C {
+  constructor(n) {
+    this.nearbyFeatures = /* @__PURE__ */ new Map(), this.entrances = [], this.exits = [], this.initialized = !1, this.id = n.id, this.crossCenter = new l({ x: n.center[0], y: n.center[1] });
+  }
+  /**
+   * 初始化路口，设置周边车道与停止线
+   * @param params
+   */
+  async initialize(n) {
+    n.lanes.forEach((e) => {
+      const t = e.getAttribute("RoadSecID"), s = e.geometry, i = this.nearbyFeatures.get(t);
+      i ? i.lanes.push(s) : this.nearbyFeatures.set(t, {
+        lanes: [s],
+        stopLines: []
+      });
+    }), n.stopLines.forEach((e) => {
+      const t = e.getAttribute("RoadSecID"), s = e.geometry, i = this.nearbyFeatures.get(t);
+      i ? i.stopLines.push(s) : this.nearbyFeatures.set(t, {
+        lanes: [],
+        stopLines: [s]
+      });
+    }), await this.createEntranceAndExit(), console.log(`${this.id} has ${this.entrances.length} entrance`), this.entrances.forEach((e) => {
+      console.log(`${e.id} has ${e.lanes.length} lanes`);
+    }), this.orderEntrance(), this.initialized = !0;
+  }
+  /**
+   * 标注车道序号的信息，进口道序号+车道序号
+   * @returns
+   */
+  getLaneNumberInfo() {
+    const n = [];
+    return this.entrances.forEach((e) => {
+      e.lanes.forEach((t, s) => {
+        n.push({
+          crossId: this.id,
+          // 路口id
+          laneNumber: e.id + String(s + 1),
+          // 车道序号
+          stopLineCenter: [t.stopLineCenter.x, t.stopLineCenter.y],
+          // 车道停止线中心点
+          laneDirection: t.laneDirection - 180
+          // 车道方向
+        });
+      });
+    }), this.exits.forEach((e) => {
+      e.lanes.forEach((t, s) => {
+        n.push({
+          crossId: this.id,
+          // 路口id
+          laneNumber: "-" + e.id + String(s + 1),
+          // 车道序号
+          stopLineCenter: [t.stopLineCenter.x, t.stopLineCenter.y],
+          // 车道停止线中心点
+          laneDirection: t.laneDirection - 180
+          // 车道方向
+        });
+      });
+    }), n;
+  }
+  /**
+   * 计算路口指标计算区域。
+   * 由相邻进口道的停止线延长线交点围成的区域
+   */
+  async calCrossIndicatorArea() {
+    const n = [];
+    for (let e = 0; e < this.entrances.length; e++) {
+      const t = this.entrances[e], s = this.entrances[(e + 1) % this.entrances.length], i = t.furthestLane.extendedStopLine, a = s.furthestLane.extendedStopLine, o = await f.getIntersectPointOfTwoLines(
+        i,
+        a
+      );
+      if (o)
+        n.push(o);
+      else {
+        const r = this.findExitOfEntrance(t), c = (r ? r.lanes[r.lanes.length - 1] : t.lanes[t.lanes.length - 1]).stopLine.getPoint(0, 1);
+        n.push(c);
+        const h = s.lanes[s.lanes.length - 1].stopLine.getPoint(0, 1);
+        n.push(h);
+      }
+    }
+    if (n.length > 2)
+      return new d({
+        rings: [n.map((e) => [e.x, e.y])]
+      });
+  }
+  /**
+   * 创建进口道与出口道，并得到道口的车道与车道停止线
+   */
+  async createEntranceAndExit() {
+    for (const n of this.nearbyFeatures) {
+      const e = n[0], t = n[1];
+      if (t.stopLines.length === 0) {
+        const s = new u(e);
+        s.addLanes(t), this.exits.push(s);
+      } else {
+        const s = new p(e);
+        await s.addLanes(t), this.entrances.push(s);
+      }
+    }
+    for (const n of this.exits)
+      await n.findCorrespondingEntrance(this.entrances);
+  }
+  /**
+   * 进口道排序
+   */
+  orderEntrance() {
+    this.entrances.sort((n, e) => {
+      let t = n.dir, s = e.dir;
+      return t < 225 && (t += 360), s < 225 && (s += 360), t - s;
+    }), this.entrances.forEach((n, e) => {
+      n.id = String(e + 1);
+      const t = this.findExitOfEntrance(n);
+      t && (t.id = String(e + 1));
+    });
+  }
+  findExitOfEntrance(n) {
+    for (const e of this.exits)
+      if (e.entrance === n)
+        return e;
+  }
+}
+export {
+  C as default
+};

package/es/src/gis-map/utils/road-config-tool/entrance.mjs

@@ -0,0 +1,79 @@
+import { QuadrantCode as r } from "../../../types/index.mjs";
+import h from "../common-utils.mjs";
+import a from "./lane.mjs";
+import { Polyline as L } from "@arcgis/core/geometry";
+class l {
+  constructor(t) {
+    this.lanes = [], this.id = t;
+  }
+  async addLanes(t) {
+    for (const n of t.lanes)
+      for (const s of t.stopLines) {
+        const e = await h.getIntersectPointsOfStopLineAndLane(
+          s,
+          n,
+          [0.5, -0.5]
+        );
+        if (e.length === 0)
+          continue;
+        const i = new L({ paths: [e] }), o = new a();
+        o.lanePolygon = n, o.stopLine = i, o.isEntry = !0, await o.getLaneDirection(), this.addLane(o);
+        break;
+      }
+  }
+  /**
+   * 新增车道，并按道路中线至边线的方向排序
+   * @param lane
+   * @returns
+   */
+  addLane(t) {
+    this.furthestLane || (this.furthestLane = t), this.dir || (this.dir = t.laneDirection, this.dir < 45 || this.dir > 315 ? this.quadrantCode = r.North : this.dir < 135 ? this.quadrantCode = r.East : this.dir < 225 ? this.quadrantCode = r.South : this.quadrantCode = r.West);
+    const n = t.stopLine, s = n.paths[0];
+    switch (this.quadrantCode) {
+      case r.West:
+        t.stopLineCenter.x < this.furthestLane.stopLineCenter.x && (this.furthestLane = t), s[0][1] < s[1][1] && (n.paths = [s.reverse()]);
+        for (let e = 0; e < this.lanes.length; e++) {
+          const i = this.lanes[e];
+          if (t.stopLineCenter.y > i.stopLineCenter.y) {
+            this.lanes.splice(e, 0, t);
+            return;
+          }
+        }
+        break;
+      case r.North:
+        t.stopLineCenter.y > this.furthestLane.stopLineCenter.y && (this.furthestLane = t), s[0][0] < s[1][0] && (n.paths = [s.reverse()]);
+        for (let e = 0; e < this.lanes.length; e++) {
+          const i = this.lanes[e];
+          if (t.stopLineCenter.x > i.stopLineCenter.x) {
+            this.lanes.splice(e, 0, t);
+            return;
+          }
+        }
+        break;
+      case r.East:
+        t.stopLineCenter.x > this.furthestLane.stopLineCenter.x && (this.furthestLane = t), s[0][1] > s[1][1] && (n.paths = [s.reverse()]);
+        for (let e = 0; e < this.lanes.length; e++) {
+          const i = this.lanes[e];
+          if (t.stopLineCenter.y < i.stopLineCenter.y) {
+            this.lanes.splice(e, 0, t);
+            return;
+          }
+        }
+        break;
+      case r.South:
+        t.stopLineCenter.y < this.furthestLane.stopLineCenter.y && (this.furthestLane = t), s[0][0] > s[1][0] && (n.paths = [s.reverse()]);
+        for (let e = 0; e < this.lanes.length; e++) {
+          const i = this.lanes[e];
+          if (t.stopLineCenter.x < i.stopLineCenter.x) {
+            this.lanes.splice(e, 0, t);
+            return;
+          }
+        }
+        break;
+    }
+    this.lanes.push(t);
+  }
+}
+export {
+  l as default
+};

package/es/src/gis-map/utils/road-config-tool/exit.mjs

@@ -0,0 +1,86 @@
+import p from "../common-utils.mjs";
+import f from "./lane.mjs";
+import { Polyline as h } from "@arcgis/core/geometry";
+import * as y from "@arcgis/core/geometry/geometryEngineAsync";
+import { QuadrantCode as o } from "../../../types/index.mjs";
+class C {
+  constructor(t) {
+    this.lanes = [], this.id = t;
+  }
+  /**
+   * 寻找对应的进口道
+   * @param entrances
+   */
+  async findCorrespondingEntrance(t) {
+    var a;
+    const e = this.lanes[0], n = e.lanePolygon.centroid;
+    let s, r = 1 / 0, i;
+    for (const c of t) {
+      s = c.lanes[0].lanePolygon.centroid;
+      const d = new h({
+        paths: [
+          [
+            [s.x, s.y],
+            [n.x, n.y]
+          ]
+        ]
+      }), l = await y.geodesicLength(d, "meters");
+      l < r && (r = l, i = c);
+    }
+    const L = i.furthestLane.extendedStopLine;
+    (await p.getIntersectPointsOfStopLineAndLane(
+      L,
+      e.lanePolygon,
+      [5]
+    )).length && (this.entrance = i, await this.splitStopLine(), console.log(`${this.id}的对应进口道是${(a = this.entrance) == null ? void 0 : a.id}`));
+  }
+  addLanes(t) {
+    for (const e of t.lanes) {
+      const n = new f();
+      n.lanePolygon = e, n.isEntry = !1, this.lanes.push(n);
+    }
+  }
+  async splitStopLine() {
+    if (this.entrance) {
+      for (const t of this.lanes) {
+        const e = await p.getIntersectPointsOfStopLineAndLane(
+          this.entrance.furthestLane.extendedStopLine,
+          t.lanePolygon,
+          [0.5, 1, 2, 3, 4, 5, 6, 7, 8]
+        );
+        if (e.length !== 0) {
+          switch (this.entrance.quadrantCode) {
+            case o.West:
+              e.sort((n, s) => n[1] - s[1]);
+              break;
+            case o.North:
+              e.sort((n, s) => n[0] - s[0]);
+              break;
+            case o.East:
+              e.sort((n, s) => s[1] - n[1]);
+              break;
+            case o.South:
+              e.sort((n, s) => s[0] - n[0]);
+              break;
+          }
+          t.stopLine = new h({ paths: [e] }), await t.getLaneDirection();
+        }
+      }
+      this.lanes.sort((t, e) => {
+        switch (this.entrance.quadrantCode) {
+          case o.West:
+            return t.stopLine.extent.center.y - e.stopLine.extent.center.y;
+          case o.North:
+            return t.stopLine.extent.center.x - e.stopLine.extent.center.x;
+          case o.East:
+            return e.stopLine.extent.center.y - t.stopLine.extent.center.y;
+          case o.South:
+            return e.stopLine.extent.center.x - t.stopLine.extent.center.x;
+        }
+      });
+    }
+  }
+}
+export {
+  C as default
+};

package/es/src/gis-map/utils/road-config-tool/index.mjs

@@ -0,0 +1,112 @@
+import l from "@arcgis/core/Graphic";
+import { Point as w } from "@arcgis/core/geometry";
+import h from "@arcgis/core/layers/GraphicsLayer";
+import { TextSymbol as y, SimpleMarkerSymbol as f } from "@arcgis/core/symbols";
+import p from "../common-utils.mjs";
+import L from "./cross.mjs";
+import A from "./search-nearby-lanes.mjs";
+import N from "./indicator-area.mjs";
+class k {
+  /**
+   * 道路配置工具相关功能
+   * @param map map实例
+   * @param mapConfig 地图配置
+   */
+  constructor(e) {
+    this.view = e, this.laneNumberLayer = new h({
+      minScale: 2257
+    }), this.view.map.add(this.laneNumberLayer), this.crossIndicatorAreaLayer = new h(), this.view.map.add(this.crossIndicatorAreaLayer);
+  }
+  /**
+   * 在进口道的顶端显示车道序号
+   * @param params
+   * @returns
+   */
+  showLaneNumber(e) {
+    const { lanes: i } = e, s = [], o = [];
+    for (const m of i) {
+      const { crossId: n, laneNumber: a, stopLineCenter: r, laneDirection: c } = m;
+      if (!r[0] || !r[1])
+        continue;
+      let t = new w({
+        longitude: r[0],
+        latitude: r[1]
+      });
+      c && (t = p.destinationWithPoint(
+        t,
+        c,
+        -3
+      ));
+      const d = {
+        type: "laneNumber",
+        id: `${n}_${a}`,
+        crossId: n,
+        laneNumber: a
+      }, u = new l({
+        geometry: t,
+        symbol: new y({
+          text: a,
+          color: "red",
+          verticalAlignment: "middle",
+          font: {
+            size: 10
+          }
+        })
+      });
+      o.push(u);
+      const b = new l({
+        geometry: t,
+        // 半透明白色圆点
+        symbol: new f({
+          style: "circle",
+          color: [255, 255, 255, 0.8],
+          size: 14,
+          outline: {
+            color: "white",
+            width: 1
+          }
+        }),
+        attributes: d
+      });
+      s.push(b);
+    }
+    return this.laneNumberLayer.addMany(s), this.laneNumberLayer.addMany(o), { status: 0, message: "车道序号显示成功" };
+  }
+  /** 清除车道序号 */
+  clearLaneNumber() {
+    this.laneNumberLayer.removeAll();
+  }
+  /**
+   * 初始化算法区域生成工具
+   * @param params
+   * @returns Promise<IResult>
+   */
+  async initializeSearch(e) {
+    var i;
+    return this.searchLaneTool || (this.searchLaneTool = new A(this.view)), this.cross = new L({ id: e.crossId, center: e.crossCenter }), (i = this.indicatorAreaTool) == null || i.clearIndicatorArea(), this.searchLaneTool.initializeSearch(e);
+  }
+  /**
+   * 生成路口指标计算区
+   */
+  async calCrossIndicatorArea() {
+    this.cross.initialized || await this.initializeCross(), this.indicatorAreaTool || (this.indicatorAreaTool = new N(this.view)), await this.indicatorAreaTool.showCrossIndicatorArea(this.cross);
+  }
+  /**
+   * 路口初始化，计算周边进口道与车道
+   * @returns
+   */
+  async initializeCross() {
+    if (!this.searchLaneTool)
+      return {
+        status: -1,
+        message: "算法区域生成工具未初始化, 请先执行initializeSearch"
+      };
+    const e = await this.searchLaneTool.getCurrentSearchResult();
+    this.searchLaneTool.clearResult(), await this.cross.initialize(e);
+    const i = this.cross.getLaneNumberInfo();
+    this.showLaneNumber({ lanes: i });
+  }
+}
+export {
+  k as default
+};

package/es/src/gis-map/utils/road-config-tool/indicator-area.mjs

@@ -0,0 +1,44 @@
+import a from "@arcgis/core/layers/GraphicsLayer";
+import i from "@arcgis/core/Graphic";
+import { SimpleFillSymbol as o } from "@arcgis/core/symbols";
+import t from "@arcgis/core/widgets/Sketch/SketchViewModel";
+class h {
+  constructor(r) {
+    this.view = r, this.indicatorAreaLayer = new a(), this.view.map.add(this.indicatorAreaLayer), this.sketchViewModel = new t({
+      view: this.view,
+      layer: this.indicatorAreaLayer,
+      defaultUpdateOptions: {
+        tool: "reshape"
+      },
+      snappingOptions: {
+        enabled: !0
+      }
+    });
+  }
+  /**
+   * 显示路口指标计算区
+   * @param cross
+   */
+  async showCrossIndicatorArea(r) {
+    this.indicatorAreaLayer.removeAll();
+    const e = await r.calCrossIndicatorArea();
+    e ? (this.crossIndicatorAreaGraphic = new i({
+      geometry: e,
+      symbol: new o({
+        color: [255, 0, 0, 0.5],
+        outline: {
+          color: [255, 0, 0]
+        }
+      })
+    }), this.indicatorAreaLayer.add(this.crossIndicatorAreaGraphic)) : this.sketchViewModel.create("polygon");
+  }
+  /**
+   * 清除所有指标计算区
+   */
+  clearIndicatorArea() {
+    this.indicatorAreaLayer.removeAll();
+  }
+}
+export {
+  h as default
+};

package/es/src/gis-map/utils/road-config-tool/lane.mjs

@@ -0,0 +1,35 @@
+import L from "@turf/bearing";
+import n from "../common-utils.mjs";
+class a {
+  set stopLine(t) {
+    this._stopLine = t, this.stopLineCenter = t.extent.center;
+  }
+  get stopLine() {
+    return this._stopLine;
+  }
+  /** 停止线延长线，用于计算和其他进口道停止线的交点 */
+  get extendedStopLine() {
+    return this._extendedStopLine || (this._extendedStopLine = n.extendLineInTowDir(
+      this._stopLine,
+      100
+    )), this._extendedStopLine;
+  }
+  async getLaneDirection() {
+    const t = n.extendLineInTowDir(this._stopLine, 10), i = this._stopLine.paths[0];
+    let e = await n.getIntersectPointOfLineAndPolygon(
+      t,
+      this.lanePolygon,
+      5
+    );
+    e.length === 0 && (e = await n.getIntersectPointOfLineAndPolygon(
+      t,
+      this.lanePolygon,
+      -5
+    )), (!i.length || !e.length) && console.log("计算方位角失败", i, e);
+    const s = e[0], r = i[0], o = L(r, s);
+    this.laneDirection = o < 0 ? o + 360 : o;
+  }
+}
+export {
+  a as default
+};