gisviewer-vue3-arcgis 1.0.85

package/lib/src/gis-map/utils/overlay.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("@arcgis/core/Graphic"),o=require("@arcgis/core/layers/GraphicsLayer");class d{constructor(r,s){this.defaultPointSymbol={type:"simple-marker",style:"circle",color:"yellow",size:10},this.view=r,this.overlayLayer=new o({...s}),this.view.map.layers.add(this.overlayLayer)}addOverlays(r){let s=0,i=0;for(const e of r.overlays){e.properties?(e.properties.type||(e.properties.type=r.type),e.properties.id||(e.properties.id=e.id)):e.properties={type:r.type,id:e.id};const t=e.symbol||r.defaultSymbol||this.defaultPointSymbol;this.addOverlay(e,t,e.properties,e.visible).message==="add"?s++:i++}return{status:0,message:`新增${s}, 更新${i}`}}removeOverlaysByType(r){const s=this.overlayLayer.graphics.filter(i=>{const e=i.getAttribute("type");return r.includes(e)});return this.overlayLayer.graphics.removeMany(s),{status:0,message:`删除${s.length}`}}removeOverlaysById(r){const s=this.overlayLayer.graphics.filter(i=>{const e=i.getAttribute("id");return r.includes(e)});return this.overlayLayer.graphics.removeMany(s),{status:0,message:`删除${s.length}`}}isShowOverlaysByIds(r,s){this.overlayLayer.graphics.map(i=>{const e=i.getAttribute("id");r.includes(e)?i.visible=s:i.visible=!s})}showAllOverlays(){this.overlayLayer.graphics.forEach(r=>{r.visible=!0})}removeAllOverlays(){const r=this.overlayLayer.graphics.length;return this.overlayLayer.removeAll(),{status:0,message:`删除${r}`}}destroy(){this.view.map.remove(this.overlayLayer),this.overlayLayer.destroy()}removeGraphics(r){Array.isArray(r)||(r=[r]),this.overlayLayer.graphics.removeMany(r)}async findGraphic(r){var e;return(e=(await this.view.hitTest(r)).results)==null?void 0:e.filter(t=>t.type==="graphic"&&t.graphic.layer===this.overlayLayer)}hideLayer(){this.overlayLayer.visible=!1}showLayer(){this.overlayLayer.visible=!0}addPoint(r,s,i,e){let t,a=!0;return r.id&&(t=this.overlayLayer.graphics.find(y=>y.getAttribute("id")===r.id)),t?t.visible=e??t.visible:(e=e??!0,t=new l({visible:e}),this.overlayLayer.add(t),a=!1),t.geometry=r.geometry,t.symbol=s,t.attributes=i,{status:0,message:a?"add":"update"}}addOverlay(r,s,i,e){let t,a=!0;return r.id&&(t=this.overlayLayer.graphics.find(y=>y.getAttribute("id")===r.id)),t?t.visible=e??t.visible:(e=e??!0,t=new l({visible:e}),this.overlayLayer.add(t),a=!1),t.geometry=r.geometry,t.symbol=s,t.attributes=i,{status:0,message:a?"add":"update"}}}exports.default=d;

package/lib/src/gis-map/utils/queue-length.d.ts

@@ -0,0 +1,14 @@
+import View from '@arcgis/core/views/View';
+import { IQueueLengthParams } from '../../types';
+export default class QueueLength {
+    private view;
+    private mapConfig;
+    private readonly queueLengthLayer;
+    private initialized;
+    private lanePolygonMap;
+    constructor(view: View);
+    private initializeLaneGraphic;
+    updateQueueLength(params: IQueueLengthParams[]): Promise<void>;
+    removeQueueLength(): void;
+    private generateQueuePolygon;
+}

package/lib/src/gis-map/utils/queue-length.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("../stores/index.js"),q=require("@arcgis/core/layers/GraphicsLayer"),b=require("@turf/helpers"),P=require("@turf/destination"),C=require("@arcgis/core/Graphic"),S=require("@turf/intersect"),w=require("@turf/buffer"),h=require("@turf/area");function O(r){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const t in r)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(r,t);Object.defineProperty(e,t,n.get?n:{enumerable:!0,get:()=>r[t]})}}return e.default=r,Object.freeze(e)}const p=O(b);class v{constructor(e){this.initialized=!1,this.lanePolygonMap=new Map,this.view=e;const t=m.default.useAppDataStore;this.mapConfig=JSON.parse(JSON.stringify(t.mapConfig)),this.queueLengthLayer=new q,this.view.map.add(this.queueLengthLayer)}async initializeLaneGraphic(){if(!this.mapConfig.lanePolygonLayer)return;const e=`${this.mapConfig.assetsRoot}/${this.mapConfig.lanePolygonLayer}`,n=await(await fetch(e)).json(),{features:i}=n;i.forEach(s=>{const{properties:o,geometry:a}=s,l=p.polygon(a.coordinates,{code:o.code,laneDirection:o.laneDirection,stopLineCenter:o.stopLineCenter});this.lanePolygonMap.set(o.code,l)}),this.initialized=!0}async updateQueueLength(e){if(this.initialized||await this.initializeLaneGraphic(),this.lanePolygonMap.size!==0)for(const t of e){const n=String(t.laneId),i=`${t.crossNo}+${n[0]}+${n[1]}`,s=this.lanePolygonMap.get(i);if(!s)continue;const o=this.queueLengthLayer.graphics.find(a=>a.getAttribute("code")===i);o&&this.queueLengthLayer.remove(o),t.queueLength!==0&&this.generateQueuePolygon(s,t.queueLength)}}removeQueueLength(){this.queueLengthLayer.removeAll()}generateQueuePolygon(e,t){const n=e.properties.laneDirection,i=JSON.parse(e.properties.stopLineCenter),s=p.point(i),o=n>0?n-180:n+180,a=P(s,t,o,{units:"meters"}),l=p.lineString([i,a.geometry.coordinates]),f=w(l,10,{units:"meters"}),c=S(e,f);if(!c)return;const d=h(c.geometry),y=h(e),g=d/y,u=g>.8?[139,0,0,.6]:g>.6?[255,165,0,.5]:[46,139,87,.5],L=new C({geometry:{type:"polygon",rings:c==null?void 0:c.geometry.coordinates},symbol:{type:"polygon-3d",symbolLayers:[{type:"fill",material:{color:u},outline:{color:[u[0],u[1],u[2]],size:3}}]},attributes:{code:e.properties.code}});this.queueLengthLayer.add(L)}}exports.default=v;

package/lib/src/gis-map/utils/renderer/greenWaveline.d.ts

@@ -0,0 +1,2 @@
+declare const greenWavelineView: any;
+export default greenWavelineView;

package/lib/src/gis-map/utils/renderer/greenWaveline.js

@@ -0,0 +1,43 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const E=require("@arcgis/core/views/2d/layers/BaseLayerViewGL2D"),o=require("gl-matrix"),R=require("@arcgis/core/layers/GraphicsLayer"),T=require("@arcgis/core/core/reactiveUtils");function U(t){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const s in t)if(s!=="default"){const l=Object.getOwnPropertyDescriptor(t,s);Object.defineProperty(a,s,l.get?l:{enumerable:!0,get:()=>t[s]})}}return a.default=t,Object.freeze(a)}const B=U(T),V=E.createSubclass({aPosition:0,aOffset:1,aDistance:2,aSide:3,aColor:4,constructor:function(){this.transform=o.mat3.create(),this.extrude=o.mat3.create(),this.translationToCenter=o.vec2.create(),this.screenTranslation=o.vec2.create(),this.display=o.mat3.fromValues(NaN,0,0,0,NaN,0,-1,1,1),this.screenScaling=o.vec3.fromValues(NaN,NaN,1),this.needsUpdate=!1},attach:function(){const t=this.context,a=()=>{this.needsUpdate=!0,this.requestRender()};this.watcher=B.on(()=>this.layer.graphics,"change",a);const s=`
+        precision highp float;
+
+        uniform mat3 u_transform;
+        uniform mat3 u_extrude;
+        uniform mat3 u_display;
+
+        attribute vec2 a_position;
+        attribute vec2 a_offset;
+        attribute float a_distance;
+        attribute float a_side;
+        attribute vec4 a_color;
+
+        varying float v_distance;
+        varying float v_side;
+        varying vec4 v_color;
+
+        void main(void) {
+          gl_Position.xy = (u_display * (u_transform * vec3(a_position, 1.0) + u_extrude * vec3(a_offset, 0.0))).xy;
+          gl_Position.zw = vec2(0.0, 1.0);
+          v_distance = a_distance;
+          v_side = a_side;
+          v_color = a_color;
+        }`,l=`
+        precision highp float;
+
+        uniform float u_current_time;
+
+        varying float v_distance;
+        varying float v_side;
+        varying vec4 v_color;
+
+        const float TRAIL_SPEED = 90.0;
+        const float TRAIL_LENGTH = 300.0;
+        const float TRAIL_CYCLE = 1000.0;
+
+        void main(void) {
+          float d = mod(v_distance - u_current_time * TRAIL_SPEED, TRAIL_CYCLE);
+          float a1 = d < TRAIL_LENGTH ? mix(0.0, 1.0, d / TRAIL_LENGTH) : 0.0;
+          float a2 = exp(-abs(v_side) * 3.0);
+          float a = a1 * a2;
+          gl_FragColor = v_color * a;
+        }`,u=t.createShader(t.VERTEX_SHADER);t.shaderSource(u,s),t.compileShader(u);const m=t.createShader(t.FRAGMENT_SHADER);if(t.shaderSource(m,l),t.compileShader(m),this.program=t.createProgram(),t.attachShader(this.program,u),t.attachShader(this.program,m),t.bindAttribLocation(this.program,this.aPosition,"a_position"),t.bindAttribLocation(this.program,this.aOffset,"a_offset"),t.bindAttribLocation(this.program,this.aDistance,"a_distance"),t.bindAttribLocation(this.program,this.aSide,"a_side"),t.bindAttribLocation(this.program,this.aColor,"a_color"),t.linkProgram(this.program),t.deleteShader(u),t.deleteShader(m),this.uTransform=t.getUniformLocation(this.program,"u_transform"),this.uExtrude=t.getUniformLocation(this.program,"u_extrude"),this.uDisplay=t.getUniformLocation(this.program,"u_display"),this.uCurrentTime=t.getUniformLocation(this.program,"u_current_time"),this.vertexBuffer=t.createBuffer(),this.indexBuffer=t.createBuffer(),this.indexBufferSize=0,t.getParameter(t.VERSION).startsWith("WebGL 2.0"))this.vao=t.createVertexArray(),this.bindVertexArray=d=>t.bindVertexArray(d),this.deleteVertexArray=d=>t.deleteVertexArray(d);else{const d=t.getExtension("OES_vertex_array_object");this.vao=d.createVertexArrayOES(),this.bindVertexArray=A=>d.bindVertexArrayOES(A),this.deleteVertexArray=A=>d.deleteVertexArrayOES(A)}this.bindVertexArray(this.vao),t.bindBuffer(t.ARRAY_BUFFER,this.vertexBuffer),t.bindBuffer(t.ELEMENT_ARRAY_BUFFER,this.indexBuffer),t.enableVertexAttribArray(this.aPosition),t.enableVertexAttribArray(this.aOffset),t.enableVertexAttribArray(this.aDistance),t.enableVertexAttribArray(this.aSide),t.enableVertexAttribArray(this.aColor),t.vertexAttribPointer(this.aPosition,2,t.FLOAT,!1,28,0),t.vertexAttribPointer(this.aOffset,2,t.FLOAT,!1,28,8),t.vertexAttribPointer(this.aDistance,1,t.FLOAT,!1,28,16),t.vertexAttribPointer(this.aSide,1,t.FLOAT,!1,28,20),t.vertexAttribPointer(this.aColor,4,t.UNSIGNED_BYTE,!0,28,24),this.bindVertexArray(null),this.centerAtLastUpdate=o.vec2.fromValues(this.view.state.center[0],this.view.state.center[1])},detach:function(){this.watcher.remove();const t=this.context;t.deleteBuffer(this.vertexBuffer),t.deleteBuffer(this.indexBuffer),this.deleteVertexArray(this.vao),t.deleteProgram(this.program)},render:function(t){const a=t.context,s=t.state;if(this.updatePositions(t),this.indexBufferSize===0)return;o.mat3.identity(this.transform),this.screenTranslation[0]=s.pixelRatio*s.size[0]/2,this.screenTranslation[1]=s.pixelRatio*s.size[1]/2,o.mat3.translate(this.transform,this.transform,this.screenTranslation),o.mat3.rotate(this.transform,this.transform,Math.PI*s.rotation/180),this.screenScaling[0]=s.pixelRatio/s.resolution,this.screenScaling[1]=-s.pixelRatio/s.resolution,o.mat3.scale(this.transform,this.transform,this.screenScaling),o.mat3.translate(this.transform,this.transform,this.translationToCenter),o.mat3.identity(this.extrude),o.mat3.rotate(this.extrude,this.extrude,Math.PI*s.rotation/180);const l=8;o.mat3.scale(this.extrude,this.extrude,[l,-l,1]),this.display[0]=2/(s.pixelRatio*s.size[0]),this.display[4]=-2/(s.pixelRatio*s.size[1]),a.useProgram(this.program),a.uniformMatrix3fv(this.uTransform,!1,this.transform),a.uniformMatrix3fv(this.uExtrude,!1,this.extrude),a.uniformMatrix3fv(this.uDisplay,!1,this.display),a.uniform1f(this.uCurrentTime,performance.now()/1e3),this.bindVertexArray(this.vao),a.enable(a.BLEND),a.blendFunc(a.ONE,a.ONE_MINUS_SRC_ALPHA),a.drawElements(a.TRIANGLES,this.indexBufferSize,a.UNSIGNED_SHORT,0),this.requestRender()},updatePositions:function(t){const a=t.context,s=t.stationary,l=t.state;if(!s){o.vec2.sub(this.translationToCenter,this.centerAtLastUpdate,l.center),this.requestRender();return}if(!this.needsUpdate&&this.translationToCenter[0]===0&&this.translationToCenter[1]===0)return;this.centerAtLastUpdate.set(l.center),this.translationToCenter[0]=0,this.translationToCenter[1]=0,this.needsUpdate=!1;const u=this.layer.graphics;let m=0,d=0;for(let p=0;p<u.items.length;++p){const _=u.items[p].geometry.paths[0];m+=_.length*2,d+=(_.length-1)*6}const A=new ArrayBuffer(7*m*4),i=new Float32Array(A),n=new Uint8Array(A),c=new Uint16Array(d);let r=0,f=0;for(let p=0;p<u.items.length;++p){const v=u.items[p],_=v.geometry.paths[0],h=v.attributes.color,e={};for(let g=0;g<_.length;++g){const b=_[g];if(e.current){e.delta=[b[0]-e.current[0],b[1]-e.current[1]];const y=Math.sqrt(e.delta[0]*e.delta[0]+e.delta[1]*e.delta[1]);e.direction=[e.delta[0]/y,e.delta[1]/y];const x=[-e.direction[1],e.direction[0]];if(e.normal){e.offset=[e.normal[0]+x[0],e.normal[1]+x[1]];const L=Math.sqrt(e.offset[0]*e.offset[0]+e.offset[1]*e.offset[1]);e.offset[0]/=L,e.offset[1]/=L;const S=e.normal[0]*e.offset[0]+e.normal[1]*e.offset[1];e.offset[0]/=S,e.offset[1]/=S}else e.offset=[x[0],x[1]];i[r*7+0]=e.current[0]-this.centerAtLastUpdate[0],i[r*7+1]=e.current[1]-this.centerAtLastUpdate[1],i[r*7+2]=e.offset[0],i[r*7+3]=e.offset[1],i[r*7+4]=e.distance,i[r*7+5]=1,n[4*(r*7+6)+0]=h[0],n[4*(r*7+6)+1]=h[1],n[4*(r*7+6)+2]=h[2],n[4*(r*7+6)+3]=255,i[r*7+7]=e.current[0]-this.centerAtLastUpdate[0],i[r*7+8]=e.current[1]-this.centerAtLastUpdate[1],i[r*7+9]=-e.offset[0],i[r*7+10]=-e.offset[1],i[r*7+11]=e.distance,i[r*7+12]=-1,n[4*(r*7+13)+0]=h[0],n[4*(r*7+13)+1]=h[1],n[4*(r*7+13)+2]=h[2],n[4*(r*7+13)+3]=255,r+=2,g>=2&&(c[f+0]=r-4,c[f+1]=r-3,c[f+2]=r-2,c[f+3]=r-3,c[f+4]=r-1,c[f+5]=r-2,f+=6),e.normal=x,e.distance+=y}else e.distance=0;e.current=b}e.offset=[e.normal[0],e.normal[1]],i[r*7+0]=e.current[0]-this.centerAtLastUpdate[0],i[r*7+1]=e.current[1]-this.centerAtLastUpdate[1],i[r*7+2]=e.offset[0],i[r*7+3]=e.offset[1],i[r*7+4]=e.distance,i[r*7+5]=1,n[4*(r*7+6)+0]=h[0],n[4*(r*7+6)+1]=h[1],n[4*(r*7+6)+2]=h[2],n[4*(r*7+6)+3]=255,i[r*7+7]=e.current[0]-this.centerAtLastUpdate[0],i[r*7+8]=e.current[1]-this.centerAtLastUpdate[1],i[r*7+9]=-e.offset[0],i[r*7+10]=-e.offset[1],i[r*7+11]=e.distance,i[r*7+12]=-1,n[4*(r*7+13)+0]=h[0],n[4*(r*7+13)+1]=h[1],n[4*(r*7+13)+2]=h[2],n[4*(r*7+13)+3]=255,r+=2,c[f+0]=r-4,c[f+1]=r-3,c[f+2]=r-2,c[f+3]=r-3,c[f+4]=r-1,c[f+5]=r-2,f+=6,e.current=null}a.bindBuffer(a.ARRAY_BUFFER,this.vertexBuffer),a.bufferData(a.ARRAY_BUFFER,A,a.STATIC_DRAW),a.bindBuffer(a.ELEMENT_ARRAY_BUFFER,this.indexBuffer),a.bufferData(a.ELEMENT_ARRAY_BUFFER,c,a.STATIC_DRAW),this.indexBufferSize=c.length}}),C=R.createSubclass({createLayerView:function(t){if(t.type==="2d")return new V({view:t,layer:this})}});exports.default=C;

package/lib/src/gis-map/utils/road-config-tool/cross.d.ts

@@ -0,0 +1,51 @@
+import Graphic from '@arcgis/core/Graphic';
+import { Polygon } from '@arcgis/core/geometry';
+export default class Cross {
+    /** 路口id */
+    private id;
+    /** 路口中心点 */
+    private crossCenter;
+    /** 按道路存放的路口周边车道、停止线 */
+    private nearbyFeatures;
+    /** 此路口的所有进口道 */
+    private entrances;
+    /** 此路口的所有出口道 */
+    private exits;
+    initialized: boolean;
+    constructor(params: {
+        id: string;
+        center: number[];
+    });
+    /**
+     * 初始化路口，设置周边车道与停止线
+     * @param params
+     */
+    initialize(params: {
+        lanes: Graphic[];
+        stopLines: Graphic[];
+    }): Promise<void>;
+    /**
+     * 标注车道序号的信息，进口道序号+车道序号
+     * @returns
+     */
+    getLaneNumberInfo(): {
+        crossId: string;
+        laneNumber: string;
+        stopLineCenter: number[];
+        laneDirection: number;
+    }[];
+    /**
+     * 计算路口指标计算区域。
+     * 由相邻进口道的停止线延长线交点围成的区域
+     */
+    calCrossIndicatorArea(): Promise<Polygon | undefined>;
+    /**
+     * 创建进口道与出口道，并得到道口的车道与车道停止线
+     */
+    private createEntranceAndExit;
+    /**
+     * 进口道排序
+     */
+    private orderEntrance;
+    private findExitOfEntrance;
+}

package/lib/src/gis-map/utils/road-config-tool/cross.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("@arcgis/core/geometry"),d=require("../common-utils.js"),u=require("./entrance.js"),f=require("./exit.js");class g{constructor(n){this.nearbyFeatures=new Map,this.entrances=[],this.exits=[],this.initialized=!1,this.id=n.id,this.crossCenter=new a.Point({x:n.center[0],y:n.center[1]})}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}getLaneNumberInfo(){const n=[];return this.entrances.forEach(e=>{e.lanes.forEach((t,s)=>{n.push({crossId:this.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,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,c=s.furthestLane.extendedStopLine,o=await d.default.getIntersectPointOfTwoLines(i,c);if(o)n.push(o);else{const r=this.findExitOfEntrance(t),h=(r?r.lanes[r.lanes.length-1]:t.lanes[t.lanes.length-1]).stopLine.getPoint(0,1);n.push(h);const l=s.lanes[s.lanes.length-1].stopLine.getPoint(0,1);n.push(l)}}if(n.length>2)return new a.Polygon({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 f.default(e);s.addLanes(t),this.exits.push(s)}else{const s=new u.default(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}}exports.default=g;

package/lib/src/gis-map/utils/road-config-tool/entrance.d.ts

@@ -0,0 +1,24 @@
+import { QuadrantCode } from '../../../types';
+import Lane from './lane';
+import { Polygon, Polyline } from '@arcgis/core/geometry';
+export default class Entrance {
+    id: string;
+    lanes: Lane[];
+    /** 进口道方向 */
+    dir: number;
+    /** 进口道所在象限 */
+    quadrantCode: QuadrantCode;
+    /** 停止线里路口最远的车道 */
+    furthestLane: Lane;
+    constructor(id: string);
+    addLanes(road: {
+        lanes: Polygon[];
+        stopLines: Polyline[];
+    }): Promise<void>;
+    /**
+     * 新增车道，并按道路中线至边线的方向排序
+     * @param lane
+     * @returns
+     */
+    private addLane;
+}

package/lib/src/gis-map/utils/road-config-tool/entrance.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../../../types/index.js"),a=require("../common-utils.js"),h=require("./lane.js"),d=require("@arcgis/core/geometry");class u{constructor(e){this.lanes=[],this.id=e}async addLanes(e){for(const i of e.lanes)for(const s of e.stopLines){const t=await a.default.getIntersectPointsOfStopLineAndLane(s,i,[.5,-.5]);if(t.length===0)continue;const n=new d.Polyline({paths:[t]}),o=new h.default;o.lanePolygon=i,o.stopLine=n,o.isEntry=!0,await o.getLaneDirection(),this.addLane(o);break}}addLane(e){this.furthestLane||(this.furthestLane=e),this.dir||(this.dir=e.laneDirection,this.dir<45||this.dir>315?this.quadrantCode=r.QuadrantCode.North:this.dir<135?this.quadrantCode=r.QuadrantCode.East:this.dir<225?this.quadrantCode=r.QuadrantCode.South:this.quadrantCode=r.QuadrantCode.West);const i=e.stopLine,s=i.paths[0];switch(this.quadrantCode){case r.QuadrantCode.West:e.stopLineCenter.x<this.furthestLane.stopLineCenter.x&&(this.furthestLane=e),s[0][1]<s[1][1]&&(i.paths=[s.reverse()]);for(let t=0;t<this.lanes.length;t++){const n=this.lanes[t];if(e.stopLineCenter.y>n.stopLineCenter.y){this.lanes.splice(t,0,e);return}}break;case r.QuadrantCode.North:e.stopLineCenter.y>this.furthestLane.stopLineCenter.y&&(this.furthestLane=e),s[0][0]<s[1][0]&&(i.paths=[s.reverse()]);for(let t=0;t<this.lanes.length;t++){const n=this.lanes[t];if(e.stopLineCenter.x>n.stopLineCenter.x){this.lanes.splice(t,0,e);return}}break;case r.QuadrantCode.East:e.stopLineCenter.x>this.furthestLane.stopLineCenter.x&&(this.furthestLane=e),s[0][1]>s[1][1]&&(i.paths=[s.reverse()]);for(let t=0;t<this.lanes.length;t++){const n=this.lanes[t];if(e.stopLineCenter.y<n.stopLineCenter.y){this.lanes.splice(t,0,e);return}}break;case r.QuadrantCode.South:e.stopLineCenter.y<this.furthestLane.stopLineCenter.y&&(this.furthestLane=e),s[0][0]>s[1][0]&&(i.paths=[s.reverse()]);for(let t=0;t<this.lanes.length;t++){const n=this.lanes[t];if(e.stopLineCenter.x<n.stopLineCenter.x){this.lanes.splice(t,0,e);return}}break}this.lanes.push(e)}}exports.default=u;

package/lib/src/gis-map/utils/road-config-tool/exit.d.ts

@@ -0,0 +1,18 @@
+import Entrance from './entrance';
+import Lane from './lane';
+import { Polygon } from '@arcgis/core/geometry';
+export default class Exit {
+    lanes: Lane[];
+    id: string;
+    entrance: Entrance;
+    constructor(id: string);
+    /**
+     * 寻找对应的进口道
+     * @param entrances
+     */
+    findCorrespondingEntrance(entrances: Entrance[]): Promise<void>;
+    addLanes(road: {
+        lanes: Polygon[];
+    }): void;
+    private splitStopLine;
+}

package/lib/src/gis-map/utils/road-config-tool/exit.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("../common-utils.js"),h=require("./lane.js"),p=require("@arcgis/core/geometry"),g=require("@arcgis/core/geometry/geometryEngineAsync"),s=require("../../../types/index.js");function L(a){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const e in a)if(e!=="default"){const n=Object.getOwnPropertyDescriptor(a,e);Object.defineProperty(t,e,n.get?n:{enumerable:!0,get:()=>a[e]})}}return t.default=a,Object.freeze(t)}const x=L(g);class C{constructor(t){this.lanes=[],this.id=t}async findCorrespondingEntrance(t){var c;const e=this.lanes[0],n=e.lanePolygon.centroid;let o,i=1/0,r;for(const l of t){o=l.lanes[0].lanePolygon.centroid;const y=new p.Polyline({paths:[[[o.x,o.y],[n.x,n.y]]]}),d=await x.geodesicLength(y,"meters");d<i&&(i=d,r=l)}const f=r.furthestLane.extendedStopLine;(await u.default.getIntersectPointsOfStopLineAndLane(f,e.lanePolygon,[5])).length&&(this.entrance=r,await this.splitStopLine(),console.log(`${this.id}的对应进口道是${(c=this.entrance)==null?void 0:c.id}`))}addLanes(t){for(const e of t.lanes){const n=new h.default;n.lanePolygon=e,n.isEntry=!1,this.lanes.push(n)}}async splitStopLine(){if(this.entrance){for(const t of this.lanes){const e=await u.default.getIntersectPointsOfStopLineAndLane(this.entrance.furthestLane.extendedStopLine,t.lanePolygon,[.5,1,2,3,4,5,6,7,8]);if(e.length!==0){switch(this.entrance.quadrantCode){case s.QuadrantCode.West:e.sort((n,o)=>n[1]-o[1]);break;case s.QuadrantCode.North:e.sort((n,o)=>n[0]-o[0]);break;case s.QuadrantCode.East:e.sort((n,o)=>o[1]-n[1]);break;case s.QuadrantCode.South:e.sort((n,o)=>o[0]-n[0]);break}t.stopLine=new p.Polyline({paths:[e]}),await t.getLaneDirection()}}this.lanes.sort((t,e)=>{switch(this.entrance.quadrantCode){case s.QuadrantCode.West:return t.stopLine.extent.center.y-e.stopLine.extent.center.y;case s.QuadrantCode.North:return t.stopLine.extent.center.x-e.stopLine.extent.center.x;case s.QuadrantCode.East:return e.stopLine.extent.center.y-t.stopLine.extent.center.y;case s.QuadrantCode.South:return e.stopLine.extent.center.x-t.stopLine.extent.center.x}})}}}exports.default=C;

package/lib/src/gis-map/utils/road-config-tool/index.d.ts

@@ -0,0 +1,44 @@
+import MapView from '@arcgis/core/views/MapView';
+import SceneView from '@arcgis/core/views/SceneView';
+import { IResult, ILaneNumberParams as IShowLaneNumberParams, IStartCrossBufferParam } from '../../../types';
+export default class RoadConfigTool {
+    private view;
+    /** 显示车道序号的图层 */
+    private laneNumberLayer;
+    /** 路口指标计算区图层 */
+    private crossIndicatorAreaLayer;
+    /** 路口周边搜索工具 */
+    private searchLaneTool;
+    private indicatorAreaTool;
+    /** 当前正在处理的路口 */
+    private cross;
+    /**
+     * 道路配置工具相关功能
+     * @param map map实例
+     * @param mapConfig 地图配置
+     */
+    constructor(view: MapView | SceneView);
+    /**
+     * 在进口道的顶端显示车道序号
+     * @param params
+     * @returns
+     */
+    showLaneNumber(params: IShowLaneNumberParams): IResult;
+    /** 清除车道序号 */
+    clearLaneNumber(): void;
+    /**
+     * 初始化算法区域生成工具
+     * @param params
+     * @returns Promise<IResult>
+     */
+    initializeSearch(params: IStartCrossBufferParam): Promise<IResult>;
+    /**
+     * 生成路口指标计算区
+     */
+    calCrossIndicatorArea(): Promise<void>;
+    /**
+     * 路口初始化，计算周边进口道与车道
+     * @returns
+     */
+    private initializeCross;
+}

package/lib/src/gis-map/utils/road-config-tool/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("@arcgis/core/Graphic"),w=require("@arcgis/core/geometry"),h=require("@arcgis/core/layers/GraphicsLayer"),u=require("@arcgis/core/symbols"),L=require("../common-utils.js"),f=require("./cross.js"),g=require("./search-nearby-lanes.js"),A=require("./indicator-area.js");class N{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)}showLaneNumber(e){const{lanes:i}=e,a=[],o=[];for(const d of i){const{crossId:n,laneNumber:s,stopLineCenter:t,laneDirection:c}=d;if(!t[0]||!t[1])continue;let r=new w.Point({longitude:t[0],latitude:t[1]});c&&(r=L.default.destinationWithPoint(r,c,-3));const m={type:"laneNumber",id:`${n}_${s}`,crossId:n,laneNumber:s},b=new l({geometry:r,symbol:new u.TextSymbol({text:s,color:"red",verticalAlignment:"middle",font:{size:10}})});o.push(b);const y=new l({geometry:r,symbol:new u.SimpleMarkerSymbol({style:"circle",color:[255,255,255,.8],size:14,outline:{color:"white",width:1}}),attributes:m});a.push(y)}return this.laneNumberLayer.addMany(a),this.laneNumberLayer.addMany(o),{status:0,message:"车道序号显示成功"}}clearLaneNumber(){this.laneNumberLayer.removeAll()}async initializeSearch(e){var i;return this.searchLaneTool||(this.searchLaneTool=new g.default(this.view)),this.cross=new f.default({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 A.default(this.view)),await this.indicatorAreaTool.showCrossIndicatorArea(this.cross)}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})}}exports.default=N;

package/lib/src/gis-map/utils/road-config-tool/indicator-area.d.ts

@@ -0,0 +1,22 @@
+import MapView from '@arcgis/core/views/MapView';
+import SceneView from '@arcgis/core/views/SceneView';
+import Cross from './cross';
+export default class IndicatorArea {
+    private view;
+    /** 路口指标计算区图层 */
+    private indicatorAreaLayer;
+    /** 路口指标计算区Graphic */
+    private crossIndicatorAreaGraphic?;
+    /** 移动graphic的工具类 */
+    private sketchViewModel;
+    constructor(view: MapView | SceneView);
+    /**
+     * 显示路口指标计算区
+     * @param cross
+     */
+    showCrossIndicatorArea(cross: Cross): Promise<void>;
+    /**
+     * 清除所有指标计算区
+     */
+    clearIndicatorArea(): void;
+}

package/lib/src/gis-map/utils/road-config-tool/indicator-area.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("@arcgis/core/layers/GraphicsLayer"),a=require("@arcgis/core/Graphic"),t=require("@arcgis/core/symbols"),o=require("@arcgis/core/widgets/Sketch/SketchViewModel");class s{constructor(e){this.view=e,this.indicatorAreaLayer=new i,this.view.map.add(this.indicatorAreaLayer),this.sketchViewModel=new o({view:this.view,layer:this.indicatorAreaLayer,defaultUpdateOptions:{tool:"reshape"},snappingOptions:{enabled:!0}})}async showCrossIndicatorArea(e){this.indicatorAreaLayer.removeAll();const r=await e.calCrossIndicatorArea();r?(this.crossIndicatorAreaGraphic=new a({geometry:r,symbol:new t.SimpleFillSymbol({color:[255,0,0,.5],outline:{color:[255,0,0]}})}),this.indicatorAreaLayer.add(this.crossIndicatorAreaGraphic)):this.sketchViewModel.create("polygon")}clearIndicatorArea(){this.indicatorAreaLayer.removeAll()}}exports.default=s;

package/lib/src/gis-map/utils/road-config-tool/lane.d.ts

@@ -0,0 +1,21 @@
+import { Point, Polygon, Polyline } from '@arcgis/core/geometry';
+export default class Lane {
+    /** 停止线 */
+    private _stopLine;
+    /** 停止线中点 */
+    stopLineCenter: Point;
+    set stopLine(line: Polyline);
+    get stopLine(): Polyline;
+    private _extendedStopLine;
+    /** 停止线延长线，用于计算和其他进口道停止线的交点 */
+    get extendedStopLine(): __esri.Polyline;
+    /** 行车方向 */
+    laneDirection: number;
+    /** 车道轮廓 */
+    lanePolygon: Polygon;
+    /** 车道id（路口号_进口道号_车道序号(>0为进口道, <0为出口道)） */
+    code: string;
+    /** 是否为进口道 */
+    isEntry: boolean;
+    getLaneDirection(): Promise<void>;
+}

package/lib/src/gis-map/utils/road-config-tool/lane.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("@turf/bearing"),n=require("../common-utils.js");class d{set stopLine(e){this._stopLine=e,this.stopLineCenter=e.extent.center}get stopLine(){return this._stopLine}get extendedStopLine(){return this._extendedStopLine||(this._extendedStopLine=n.default.extendLineInTowDir(this._stopLine,100)),this._extendedStopLine}async getLaneDirection(){const e=n.default.extendLineInTowDir(this._stopLine,10),i=this._stopLine.paths[0];let t=await n.default.getIntersectPointOfLineAndPolygon(e,this.lanePolygon,5);t.length===0&&(t=await n.default.getIntersectPointOfLineAndPolygon(e,this.lanePolygon,-5)),(!i.length||!t.length)&&console.log("计算方位角失败",i,t);const s=t[0],r=i[0],o=l(r,s);this.laneDirection=o<0?o+360:o}}exports.default=d;

package/lib/src/gis-map/utils/road-config-tool/search-nearby-lanes.d.ts

@@ -0,0 +1,62 @@
+import Graphic from '@arcgis/core/Graphic';
+import MapView from '@arcgis/core/views/MapView';
+import SceneView from '@arcgis/core/views/SceneView';
+import { IResult, IStartCrossBufferParam } from '../../../types';
+export default class SearchNearbyLanes {
+    private view;
+    /** 显示圆心和边缘点的图层，可响应拖拽事件 */
+    private pointLayer;
+    /** 显示缓冲结果的图层 */
+    private bufferAreaLayer;
+    /** 车道图层 */
+    private laneLayer;
+    /** 停止线图层 */
+    private stopLineLayer;
+    /** 移动graphic的工具类 */
+    private sketchViewModel;
+    /** 显示圆心点的graphic */
+    private centerGraphic;
+    /** 显示边缘点的graphic */
+    private edgeGraphic;
+    /** 显示缓冲圆形的graphic */
+    private bufferGraphic;
+    /** 显示圆心与边缘点连线的graphic */
+    private radiusLineGraphic;
+    /** 鼠标开始拖动边缘点时，圆心点的位置 */
+    private centerGeometryAtStart;
+    /** 地理计算单位，统一为米 */
+    private readonly geometryUnit;
+    constructor(view: MapView | SceneView);
+    /**
+     * 搜索路口中心点周边车道
+     * @param params
+     * @returns Promise<IResult>
+     */
+    initializeSearch(params: IStartCrossBufferParam): Promise<IResult>;
+    /**
+     * 获取当前缓冲区的搜索结果
+     */
+    getCurrentSearchResult(): Promise<{
+        lanes: Graphic[];
+        stopLines: Graphic[];
+    }>;
+    /**
+     * 清除地图上显示的搜索结果
+     */
+    clearResult(): void;
+    /**
+     * 计算缓冲区
+     * 移动边缘点或圆心点后调用
+     * @param vertices 圆心点与边缘点的坐标
+     */
+    private calculateBuffer;
+    /**
+     * 载入车道和停止线图层
+     */
+    private loadLaneAndStopLineLayer;
+    /**
+     * 更新车道与停止线图层的filter，高亮缓冲区内部的要素
+     * @param buffer
+     */
+    private updateLayerFilter;
+}

package/lib/src/gis-map/utils/road-config-tool/search-nearby-lanes.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("@arcgis/core/Graphic"),w=require("@arcgis/core/core/promiseUtils"),f=require("@arcgis/core/geometry"),S=require("@arcgis/core/geometry/SpatialReference"),G=require("@arcgis/core/geometry/geometryEngineAsync"),d=require("@arcgis/core/layers/FeatureLayer"),m=require("@arcgis/core/layers/GraphicsLayer"),R=require("@arcgis/core/layers/support/FeatureEffect"),v=require("@arcgis/core/layers/support/FeatureFilter"),g=require("@arcgis/core/renderers/SimpleRenderer"),q=require("@arcgis/core/rest/support/Query"),y=require("@arcgis/core/symbols"),F=require("@arcgis/core/widgets/Sketch/SketchViewModel"),P=require("../../stores/index.js"),A=require("../common-utils.js");function b(n){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const t in n)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(n,t);Object.defineProperty(e,t,r.get?r:{enumerable:!0,get:()=>n[t]})}}return e.default=n,Object.freeze(e)}const L=b(w),p=b(G);class M{constructor(e){this.geometryUnit="meters",this.view=e,this.pointLayer=new m,this.bufferAreaLayer=new m({blendMode:"color-burn"}),this.view.map.layers.addMany([this.bufferAreaLayer,this.pointLayer]);const t=L.debounce(async r=>{const i=await this.calculateBuffer(r);this.updateLayerFilter(i)});this.sketchViewModel=new F({view:e,layer:this.pointLayer}),this.sketchViewModel.on("update",r=>{var l,o;((o=(l=r.toolEventInfo)==null?void 0:l.mover)==null?void 0:o.attributes.type)==="edge"&&(r.toolEventInfo.type==="move-start"?this.centerGeometryAtStart=this.centerGraphic.geometry:this.centerGraphic.geometry=this.centerGeometryAtStart);const i=this.centerGraphic.geometry,a=this.edgeGraphic.geometry,c=[[i.x,i.y],[a.x,a.y]];t(c).catch(h=>{if(!L.isAbortError(h))throw h})})}async initializeSearch(e){if(this.laneLayer)this.laneLayer.visible=!0,this.stopLineLayer.visible=!0;else{const o=await this.loadLaneAndStopLineLayer();if(o.status!==0)return o}const{crossId:t,crossCenter:r}=e,i=new f.Point({longitude:r[0],latitude:r[1]});this.view.goTo({target:i,zoom:18},{duration:2e3}),this.centerGraphic=new u({geometry:i,symbol:new y.SimpleMarkerSymbol({style:"circle",color:[0,255,255,.5],size:10}),attributes:{crossId:t,type:"center"}});const a=A.default.destinationWithPoint(i,90,e.bufferRadius||70);this.edgeGraphic=new u({geometry:a,symbol:new y.SimpleMarkerSymbol({style:"circle",color:[0,255,255,.5],size:10}),attributes:{crossId:t,type:"edge"}});const c=new f.Polyline({paths:[[[i.x,i.y],[a.x,a.y]]]});this.radiusLineGraphic=new u({geometry:c,symbol:new y.SimpleLineSymbol({color:[0,255,255],width:2})}),this.pointLayer.addMany([this.centerGraphic,this.edgeGraphic,this.radiusLineGraphic]);const l=await p.geodesicBuffer(i,e.bufferRadius||70,this.geometryUnit);return this.bufferGraphic=new u({geometry:l,symbol:new y.SimpleFillSymbol({color:[150,150,150],outline:{color:"#FFEB00",width:"3px"}})}),this.bufferAreaLayer.add(this.bufferGraphic),this.sketchViewModel.update([this.edgeGraphic,this.centerGraphic],{tool:"move"}),{status:0,message:"初始化成功"}}async getCurrentSearchResult(){const e=new q;e.relationParameter="intersects",e.geometry=this.bufferGraphic.geometry,e.returnGeometry=!0,e.outSpatialReference=new S({wkid:4326}),e.outFields=["*"];const t=(await this.laneLayer.queryFeatures(e)).features,r=(await this.stopLineLayer.queryFeatures(e)).features;return{lanes:t,stopLines:r}}clearResult(){this.sketchViewModel.complete(),this.pointLayer.removeAll(),this.bufferAreaLayer.removeAll(),this.laneLayer.visible=!1,this.stopLineLayer.visible=!1}async calculateBuffer(e){this.radiusLineGraphic.geometry=new f.Polyline({paths:[e],spatialReference:this.view.spatialReference});const t=await p.geodesicLength(this.radiusLineGraphic.geometry,this.geometryUnit),r=await p.geodesicBuffer(this.centerGraphic.geometry,t,this.geometryUnit);return this.bufferGraphic.geometry=r,r}async loadLaneAndStopLineLayer(){var o,h;const e=P.default.useAppDataStore,t=JSON.parse(JSON.stringify(e.mapConfig));if(!((o=t.roadConfigTool)!=null&&o.initLanePolygonLayer))return{status:-1,message:"roadConfigTool.initLanePolygonLayer未配置"};if(!((h=t.roadConfigTool)!=null&&h.initStopLineLayer))return{status:-1,message:"roadConfigTool.initStopLineLayer"};const r=`${t.assetsRoot}${t.roadConfigTool.initLanePolygonLayer}`;let i;try{i=await(await fetch(r)).json()}catch(s){return{status:-2,message:`${r}读取失败`,result:s.message}}const a=i.features.filter(s=>s.attributes.RoadSecID!=="").map(s=>u.fromJSON(s));this.laneLayer=new d({objectIdField:"FID",spatialReference:i.spatialReference,geometryType:"polygon",source:a,fields:[{name:"RoadSecID",alias:"RoadSecID",type:"string"}],renderer:new g({symbol:new y.SimpleFillSymbol({color:[255,0,0,.3],outline:{color:"white"}})})}),this.view.map.layers.add(this.laneLayer);const c=`${t.assetsRoot}${t.roadConfigTool.initStopLineLayer}`;try{i=await(await fetch(c)).json()}catch(s){return{status:-2,message:`${c}读取失败`,result:s.message}}const l=i.features.filter(s=>s.attributes.RoadSecID!=="").map(s=>u.fromJSON(s));return this.stopLineLayer=new d({objectIdField:"FID",spatialReference:i.spatialReference,geometryType:"polyline",source:l,fields:[{name:"RoadSecID",alias:"RoadSecID",type:"string"}],renderer:new g({symbol:new y.SimpleLineSymbol({color:"red",width:4,cap:"butt",join:"miter"})})}),this.view.map.layers.add(this.stopLineLayer),{status:0,message:"ok"}}updateLayerFilter(e){const t=new v({geometry:e,spatialRelationship:"intersects"}),r=new R({filter:t,excludedEffect:"opacity(0%)"});this.laneLayer.featureEffect=r,this.stopLineLayer.featureEffect=r}}exports.default=M;

package/lib/src/gis-map/utils/sketchView.d.ts

@@ -0,0 +1,209 @@
+import GraphicsLayer from '@arcgis/core/layers/GraphicsLayer';
+import MapView from '@arcgis/core/views/MapView';
+import SceneView from '@arcgis/core/views/SceneView';
+import SketchViewModel from '@arcgis/core/widgets/Sketch/SketchViewModel';
+import Sketch from '@arcgis/core/widgets/Sketch';
+import Graphic from '@arcgis/core/Graphic';
+interface sketchViewOptions {
+    /**
+     * 最大允许绘制的图形数量
+     */
+    maxAllowedGraphics?: number;
+    /**
+     * 图形图层配置
+     */
+    GraphicsLayer?: {};
+    /**
+     * 绘制工具显示的元素
+     */
+    sketchvisibleElements?: {};
+    /**
+     * 绘制工具显示的位置
+     */
+    sketchPosition?: string;
+    /**
+     * 绘制工具默认是否显示
+     *
+     * @type {boolean}
+     * @memberof sketchViewOptions
+     */
+    defaultsketchVisible?: boolean;
+    sketchViewModelItemSymbol?: {
+        polylineSymbol?: any;
+        polygonSymbol?: any;
+        pointSymbol?: any;
+    };
+}
+interface ITPoint {
+    x: number;
+    y: number;
+}
+declare type LinearUnits = 'meters' | 'feet' | 'kilometers' | 'miles' | 'nautical-miles' | 'yards' | number;
+export default class SketchView {
+    private viewer;
+    graphicsLayer: GraphicsLayer;
+    TextgraphicsLayer: GraphicsLayer;
+    sketchViewModel: SketchViewModel;
+    sketch: Sketch;
+    options: sketchViewOptions;
+    constructor(view: MapView | SceneView, options?: sketchViewOptions);
+    init(): void;
+    /**
+     * 初始化绘图
+     *
+     * @param {*} data
+     * @param {string} [type='crossArea']
+     * @param {boolean} [reverse=false] 是否反转
+     * @returns
+     * @memberof SketchView
+     */
+    initPoint(data: any, type?: string, reverse?: boolean): void;
+    /**
+     * 初始化进口道融合区
+     *
+     * @param {any[]} data
+     * @memberof SketchView
+     */
+    initEntranceFusionZone(data: any[]): void;
+    initCrossArea(data: any): Graphic;
+    /**
+     * 初始进出口道计算区域
+     *
+     * @param {*} data
+     * @param {boolean} [reverse=false] 是否反转
+     * @returns
+     * @memberof SketchView
+     */
+    inintSectionArea(data: any, reverse?: boolean): any;
+    createPolylineGraphic(paths: any, lineSymbol: any, attributes: any): Graphic;
+    createPolygonGraphic(rings: any, lineSymbol: any, attributes: any): Graphic;
+    on(callcack?: (type: string, points: any, event?: any) => void): void;
+    /**
+     * 获取当前绘制的计算区域
+     * @returns
+     */
+    graphicPoint(): any[];
+    /**
+     * 获取进口道区域
+     *
+     * @memberof SketchView
+     */
+    getEntranceRoad(): any;
+    /**
+     * 获进口道融合区
+     *
+     * @param {armData} armData 进口道编号区域
+     * @param {number[]} armNoList 进口道编号列表
+     * @returns
+     * @memberof SketchView
+     */
+    getEntranceFusionZone(armNoList: number[]): {
+        graphics: {
+            [key: number]: {
+                point: any;
+                type: string;
+                attributes: any;
+            };
+        };
+        rawdata: {
+            point: any;
+            type: string;
+            attributes: any;
+        }[];
+    };
+    /**
+     * 获取进口道所在的进口道编号
+     *
+     * @param {armData} armData 进口道编号区域
+     * @param {*} graphicPpolygon 绘制的区域
+     * @returns
+     * @memberof SketchView
+     */
+    private getIntersectionArea;
+    private filterData;
+    /**
+     *
+     *
+     * @private
+     * @param {*} geometry
+     * @param {boolean} [isfilterData=true] 是否过滤首尾相同点数据
+     * @returns
+     * @memberof SketchView
+     */
+    private getGraphicPoint;
+    close(): void;
+    show(): void;
+    removeAll(): void;
+    /**
+     *  获取两点的角度
+     *
+     * @param {ITPoint} startPoint
+     * @param {ITPoint} endPoint
+     * @returns
+     * @memberof SketchView
+     */
+    getAngle(startPoint: ITPoint, endPoint: ITPoint): number;
+    /**
+     *  获取线平移后的坐标
+     *
+     * @param {Polyline} lineGeometry 线的几何图形
+     * @param {number} distance 平移的距离，默认米
+     * @param {LinearUnits} [offsetUnit='meters']
+     * @returns
+     * @memberof SketchView
+     */
+    getshiftLine(lineGeometry: __esri.Geometry, distance: number, offsetUnit?: LinearUnits): __esri.Geometry | __esri.Geometry[];
+    /**
+     * 设置线的平移
+     *
+     * @param {number} distance 平移的距离，默认米
+     * @param {LinearUnits} [offsetUnit='meters'] 平移的单位
+     * @param {*} symbol 线的样式
+     * @memberof SketchView
+     */
+    setshiftLine(distance: number, offsetUnit?: LinearUnits, symbol?: any): void;
+    /**
+     * 移除平移线
+     *
+     * @memberof SketchView
+     */
+    removeShiftLine(): void;
+    /**
+     * 移除绘制的线
+     *
+     * @memberof SketchView
+     */
+    removedraw(): void;
+    addGraphic(geometry: any, symbol?: any, attributes?: any): void;
+    /**
+     * 获取方向
+     *
+     * @param {ITPoint} startPoint 起点
+     * @param {ITPoint} endPoint 终点
+     * @returns
+     * @memberof SketchView
+     */
+    getDirection(startPoint: ITPoint, endPoint: ITPoint): 0 | 1 | 3 | 2;
+    findLayerById(id: string): __esri.Layer;
+    /**
+     *  根据id查找平移线graphic
+     *
+     * @param {string} id
+     * @returns
+     * @memberof SketchView
+     */
+    findShiftLineGraphicsById(id: string): Graphic;
+    /**
+     *  删除指定的图形
+     * @param graphic 删除指定的图形
+     */
+    remove(graphic: any): void;
+    /**
+     *  设置最大允许绘制的图形数量
+     * @param num  数量
+     */
+    setmaxAllowedGraphics(num: number): void;
+    deepClone(obj: any): void;
+    destroy(): void;
+}
+export {};

package/lib/src/gis-map/utils/sketchView.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("@arcgis/core/layers/GraphicsLayer"),b=require("@arcgis/core/widgets/Sketch/SketchViewModel"),P=require("@arcgis/core/widgets/Sketch"),G=require("@arcgis/core/geometry/support/webMercatorUtils.js"),k=require("@arcgis/core/geometry/geometryEngine.js"),l=require("@arcgis/core/Graphic"),S=require("uuid"),M=require("@arcgis/core/geometry/Polygon.js"),A=require("@arcgis/core/geometry/Polyline.js"),v=require("@turf/intersect"),x=require("@turf/helpers");function f(a){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const e in a)if(e!=="default"){const i=Object.getOwnPropertyDescriptor(a,e);Object.defineProperty(t,e,i.get?i:{enumerable:!0,get:()=>a[e]})}}return t.default=a,Object.freeze(t)}const y=f(G),E=f(k),m=f(x);function L(a,t=[]){if(a===null||typeof a!="object")return a;if(Object.prototype.toString.call(a)==="[object Date]")return new Date(a);if(Object.prototype.toString.call(a)==="[object RegExp]")return new RegExp(a);if(Object.prototype.toString.call(a)==="[object Error]")return new Error(a);const e=t.filter(s=>s.original===a)[0];if(e)return e.copy;const i=Array.isArray(a)?[]:{};return t.push({original:a,copy:i}),Object.keys(a).forEach(s=>{i[s]=L(a[s],t)}),i}const V={maxAllowedGraphics:0,GraphicsLayer:{},sketchvisibleElements:{},sketchPosition:"top-left",defaultsketchVisible:!0,sketchViewModelItemSymbol:{}},w={type:"simple-line",color:"#556DEA",width:2},d={type:"simple-fill",color:[227,139,79,.4],outline:{color:[255,255,255],width:1}};class O{constructor(t,e){this.viewer=t,this.options={...V,...e},this.graphicsLayer=new u({...this.options.GraphicsLayer}),this.TextgraphicsLayer=new u,this.viewer.map.layers.add(this.graphicsLayer),this.viewer.map.layers.add(this.TextgraphicsLayer),this.init()}init(){this.sketchViewModel=new b({layer:this.graphicsLayer,view:this.viewer,updateOnGraphicClick:!0,polylineSymbol:w,polygonSymbol:d,...this.options.sketchViewModelItemSymbol});const t=this.findLayerById("TrafficMarkings"),e=[];t&&e.push({layer:t,enabled:!0}),this.sketch=new P({view:this.viewer,viewModel:this.sketchViewModel,layer:this.graphicsLayer,visible:this.options.defaultsketchVisible,snappingOptions:{enabled:!0,featureSources:e}}),this.sketch.visibleElements={...this.options.sketchvisibleElements},this.viewer.ui.add(this.sketch,this.options.sketchPosition)}initPoint(t,e="all",i=!1){if(!t)return;const{crossArea:s,sectionArea:r}=t;if(s&&(e=="crossArea"||e=="all")){const o=this.initCrossArea(s);this.graphicsLayer.add(o)}if(r&&(e=="sectionArea"||e=="all")){const o=this.inintSectionArea(r,i);this.graphicsLayer.addMany(o)}}initEntranceFusionZone(t){const e=[],i=d;t.map(s=>{e.push(this.createPolygonGraphic(s,i,{}))}),this.graphicsLayer.addMany(e)}initCrossArea(t){const e=d;return this.createPolygonGraphic(t,e,{})}inintSectionArea(t,e=!1){const i=[],s=w,r={type:"simple-line",color:[0,0,255],width:2};return Object.keys(t).map(o=>{const c=t[o][0],n=t[o][1];e&&(c.reverse(),n.reverse());const h=S.v4(),p=this.createPolylineGraphic(c,s,{type:"draw",id:h}),g=this.createPolylineGraphic(n,r,{type:"shiftLine",id:h});i.push(p,g)}),i}createPolylineGraphic(t,e,i){const s=new A({paths:t}),r=y.geographicToWebMercator(s);return new l({geometry:r,symbol:e,attributes:i})}createPolygonGraphic(t,e,i){const s=new M({rings:t}),r=y.geographicToWebMercator(s);return new l({geometry:r,symbol:e,attributes:i})}on(t){const e=this;this.sketchViewModel.on("create",function(i){var r,o,c;const s=e.graphicsLayer.graphics;if((r=e.options)!=null&&r.maxAllowedGraphics&&s.length>((o=e.options)==null?void 0:o.maxAllowedGraphics)){e.graphicsLayer.remove(i.graphic),console.log("已达到最大图形数量，无法继续绘制！");return}if(i.state==="complete"&&((c=i.graphic)!=null&&c.geometry)){console.log(i.graphic);const n=i.graphic.geometry;i.graphic.setAttribute("type","draw"),i.graphic.setAttribute("id",new Date().getTime());const h=e.getGraphicPoint(n);t&&t("create",h,i)}}),this.sketchViewModel.on("update",function(i){if(console.log("update",i),i.aborted){const s=i.graphics[0];e.graphicsLayer.remove(s);return}if(i.state==="complete"&&i.graphics.length>0){const r=i.graphics[0].geometry,o=e.getGraphicPoint(r);t&&t("update",o,i)}}),this.sketchViewModel.on("delete",function(i){if(console.log("delete",i,e.graphicsLayer.graphics),i.graphics.length>0){const r=i.graphics[0].geometry,o=e.getGraphicPoint(r);t&&t("delete",o,i)}})}graphicPoint(){const t=[];return this.graphicsLayer.graphics.map(e=>{var r;const i=e.geometry,s=this.getGraphicPoint(i);t.push({point:s,type:(r=e.attributes)==null?void 0:r.type,attributes:e.attributes})}),t}getEntranceRoad(){const t={},e=this.graphicPoint().filter(n=>n.point.type==="polyline");if(console.log("🚀 ~ file: sketchView.ts:378 ~ SketchView ~ getEntranceRoad ~ graphics:",e),!e.length)return!1;const i=e.filter(n=>n.type=="draw"),s=e.filter(n=>n.type=="shiftLine");if(s.length==0)throw"未绘制平移！";if(i.length!=s.length)throw"绘制的线和平移的线数量不一致！";const r=i.sort((n,h)=>n.point.angle-h.point.angle),o=r.findIndex(n=>n.point.angle>135);return[...r.slice(o),...r.slice(0,o).reverse()].map((n,h)=>{const p=s.find(g=>g.attributes.id==n.attributes.id);if(!p)throw"绘制的线和平移的线不匹配！";console.log("🚀 ~ file: sketchView.ts:393 ~ SketchView ~ getEntranceRoad ~ m:",n,p),t[h+1]={0:[n.point.paths[0],n.point.paths[n.point.paths.length-1]],1:[p.point.paths[0],p.point.paths[p.point.paths.length-1]]}}),t}getEntranceFusionZone(t){const e=[],i={};this.graphicsLayer.graphics.map(r=>{var n;const o=r.geometry,c=this.getGraphicPoint(o,!1);e.push({point:c,type:(n=r.attributes)==null?void 0:n.type,attributes:r.attributes})});const s=e;return t.map((r,o)=>{i[r]=e[o]}),{graphics:i,rawdata:s}}getIntersectionArea(t,e){const i=Object.keys(t);let s=!1;for(let r=0;r<i.length;r++){const o=i[r],c=t[o];if(v(m.polygon(e),m.polygon(c))){s=o;break}}return s}filterData(t){const e=L(t);return e.length>0&&e[0][0]===e[e.length-1][0]&&e[0][1]===e[e.length-1][1]&&e.pop(),e}getGraphicPoint(t,e=!0){const i=y.webMercatorToGeographic(t);let s;if(t.type==="point")s={type:t.type,x:i.x,y:i.y};else if(t.type==="polyline"){s={type:t.type,paths:[]},i.paths.forEach(n=>{let h=n;e&&(h=this.filterData(n)),h.forEach(p=>{s.paths.push(p)})});const r={x:s.paths[0][0],y:s.paths[0][1]},o={x:s.paths[s.paths.length-1][0],y:s.paths[s.paths.length-1][1]},c=this.getAngle(r,o);s.angle=c}else t.type==="polygon"&&(s={type:t.type,rings:[]},i.rings.forEach(r=>{let o=r;e&&(o=this.filterData(r)),o.forEach(c=>{s.rings.push(c)})}));return s}close(){this.sketch.visible=!1}show(){this.sketch.visible=!0}removeAll(){this.graphicsLayer.removeAll()}getAngle(t,e){const i=e.x-t.x,s=e.y-t.y;return Math.atan2(s,i)*180/Math.PI}getshiftLine(t,e,i="meters"){const s=t,r=-e;return E.offset(s,r,i)}setshiftLine(t,e="meters",i){i||(i={type:"simple-line",color:[0,0,255],width:2}),this.removeShiftLine(),this.graphicsLayer.graphics.map(s=>{const r=s.geometry,o=s.attributes;if((r==null?void 0:r.type)==="polyline"&&(o==null?void 0:o.type)==="draw"){const c=o.id,n=this.getshiftLine(r,t,e),h=new l({geometry:n,symbol:i,attributes:{type:"shiftLine",id:c}});this.graphicsLayer.add(h)}})}removeShiftLine(){const t=[];this.graphicsLayer.graphics.map(e=>{const i=e.attributes;(i==null?void 0:i.type)==="shiftLine"&&t.push(e)}),this.graphicsLayer.removeMany(t)}removedraw(){const t=[];this.graphicsLayer.graphics.map(e=>{const i=e.attributes;(i==null?void 0:i.type)==="draw"&&t.push(e)}),this.graphicsLayer.removeMany(t)}addGraphic(t,e={type:"simple-line",color:[0,0,255],width:2},i){const s=new l({geometry:t,symbol:e,attributes:i});this.graphicsLayer.add(s)}getDirection(t,e){const i=e.x-t.x,s=e.y-t.y,o=Math.atan2(s,i)*180/Math.PI;return o>=-45&&o<=45?0:o>45&&o<=135?1:o>135||o<=-135?2:3}findLayerById(t){return this.viewer.map.findLayerById(t)}findShiftLineGraphicsById(t){return this.graphicsLayer.graphics.find(i=>i.attributes.id===t&&i.attributes.type==="shiftLine")}remove(t){this.graphicsLayer.remove(t)}setmaxAllowedGraphics(t){this.options.maxAllowedGraphics=t===0?void 0:t}deepClone(t){}destroy(){var t,e;this.viewer.map.remove(this.graphicsLayer),this.viewer.map.remove(this.TextgraphicsLayer),(t=this.sketch)==null||t.destroy(),(e=this.sketchViewModel)==null||e.destroy()}}exports.default=O;