gisviewer-vue3-arcgis 1.0.284 → 1.0.286

package/lib/src/gis-map-ol/utils/police-area-controller.d.ts

@@ -0,0 +1,16 @@
+import { default as OlMap } from 'ol/Map';
+import { IShowJurisdictionParams } from '../../types';
+export default class PoliceAreaController {
+    private map;
+    private source;
+    private policeAreaLayer;
+    private zdBoundaryLayer;
+    private initialized;
+    private ddMap;
+    private zdMap;
+    constructor(map: OlMap);
+    initialize(): Promise<void>;
+    private isMultiPolygon;
+    showJurisdiction(params: IShowJurisdictionParams): Promise<void>;
+    clearJurisdiction(): void;
+}

package/lib/src/gis-map-ol/utils/police-area-controller.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("ol/Feature"),c=require("ol/geom"),f=require("ol/layer/Vector"),z=require("ol/source/Vector"),i=require("ol/style"),M=require("./style/line-style.js");class S{constructor(s){this.initialized=!1,this.ddMap=new Map,this.zdMap=new Map,this.map=s,this.source=new z,this.policeAreaLayer=new f({source:this.source}),this.policeAreaLayer.set("id","police-area-layer"),this.map.addLayer(this.policeAreaLayer),this.zdBoundaryLayer=new f({source:new z}),this.zdBoundaryLayer.set("id","zd-boundary-layer"),this.map.addLayer(this.zdBoundaryLayer)}async initialize(){(await(await fetch("/GisViewerAssets/ShangHai/Layers/dd.json")).json()).features.forEach(t=>{this.ddMap.set(t.properties.DD_CODE,{name:t.properties.DD_NAME,coordinates:t.geometry.coordinates,zdCode:t.properties.ZD_CODE})}),(await(await fetch("/GisViewerAssets/ShangHai/Layers/zd.json")).json()).features.forEach(t=>{this.zdMap.set(t.properties.ZD_CODE,{name:t.properties.ZD_NAME,coordinates:t.geometry.coordinates})}),this.zdMap.forEach((t,h)=>{var n;const e=[];this.isMultiPolygon(t.coordinates)?t.coordinates.forEach(d=>{d.forEach(y=>e.push(y))}):t.coordinates.forEach(d=>{e.push(d)});const o=new c.Polygon(e),a=new u({geometry:o,type:"zd-boundary",id:h,name:t.name});a.setStyle(new i.Style({stroke:new i.Stroke({color:"rgba(30, 144, 255, 0.8)",width:2,lineDash:[10,20]})})),(n=this.zdBoundaryLayer.getSource())==null||n.addFeature(a)})}isMultiPolygon(s){return Array.isArray(s)&&Array.isArray(s[0])&&Array.isArray(s[0][0])&&Array.isArray(s[0][0][0])}async showJurisdiction(s){this.initialized||(await this.initialize(),this.initialized=!0),this.source.clear();const l=[[[-180,-90],[-180,90],[180,90],[180,-90],[-180,-90]]],r=[],p=e=>{this.isMultiPolygon(e)?e.forEach(o=>{o.forEach(a=>{r.push(a)})}):e.forEach(o=>{r.push(o)})};if(s.type==="zd"){const e=this.zdMap.get(s.id);e&&p(e.coordinates),this.ddMap.forEach((o,a)=>{if(o.zdCode===s.id){const n=[];this.isMultiPolygon(o.coordinates)?o.coordinates.forEach(g=>{g.forEach(E=>n.push(E))}):o.coordinates.forEach(g=>{n.push(g)});const d=new c.Polygon(n),y=new u({geometry:d,type:"dd-boundary",id:a,name:o.name});y.setStyle(M.getLineStyle({type:"simple-line",style:"dash",width:2,color:[30,144,255,.8]})),this.source.addFeature(y);const m=d.getInteriorPoint().getCoordinates(),w=new u({geometry:new c.Point(m),type:"dd-label",id:a,name:o.name});w.setStyle(new i.Style({text:new i.Text({text:o.name,font:"bold 14px sans-serif",fill:new i.Fill({color:"rgba(30, 144, 255, 1)"}),stroke:new i.Stroke({color:"#fff",width:3})})})),this.source.addFeature(w)}})}else if(s.type==="dd"){const e=this.ddMap.get(s.id);e&&p(e.coordinates)}console.log("holesToCut:",r),r.forEach(e=>{l.push(e)});const t=new c.Polygon(l),h=new u({geometry:t});if(console.log("maskCoords:",l),h.setStyle(new i.Style({fill:new i.Fill({color:"rgba(128, 128, 128, 0.6)"}),stroke:new i.Stroke({color:"rgba(30, 144, 255, 1)",width:2})})),this.source.addFeature(h),r.length>0){const o=new c.Polygon(r).getExtent();this.map.getView().fit(o,{padding:[50,50,50,50]})}}clearJurisdiction(){this.source.clear()}}exports.default=S;

package/lib/src/gis-map-ol/utils/signal-control/signal-cross-controller.d.ts

@@ -0,0 +1,33 @@
+import { default as OlMap } from 'ol/Map';
+import { IResult, IShowSignalCrossParams } from '../../../types';
+export default class SignalCrossController {
+    private map;
+    private crossLayer;
+    private source;
+    private view;
+    private clusterCalculator;
+    private showName;
+    private showStyle;
+    private viewChangeKey;
+    private mapMoveKey;
+    private resolutionChangeTimeout;
+    private locations;
+    constructor(map: OlMap);
+    showSignalCross(params: IShowSignalCrossParams): IResult;
+    private calculateCluster;
+    clearSignalCross(): void;
+    changeShowName(showName: string): void;
+    private updateScatterSymbol;
+    /**
+     * 配置矢量图层样式：复用 Icon，并为不同 feature 渲染不同 Text。
+     * - 使用 resolution 判断是否显示文字（在指定缩放级别后才显示）
+     * - 使用缓存避免每次渲染都创建新的 Style/Icon/数组对象
+     */
+    private configureVectorLayerStyle;
+    private createCrossFeature;
+    private getClusterStyle;
+    private getBrandLabel;
+    private getOnlineLabel;
+    private getMalfunctionLabel;
+    private showClusterResult;
+}

package/lib/src/gis-map-ol/utils/signal-control/signal-cross-controller.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const L=require("ol/Feature"),x=require("ol/geom/Point"),Y=require("ol/layer/Vector"),N=require("ol/Observable"),U=require("ol/source/Vector"),v=require("ol/style/Circle"),u=require("ol/style/Fill"),F=require("ol/style/Icon"),w=require("ol/style/Stroke"),c=require("ol/style/Style"),K=require("ol/style/Text"),X=require("../cluster/pixel-cluster-calculator.js");class ${constructor(e){this.showName="detail",this.showStyle="scatter",this.viewChangeKey=null,this.mapMoveKey=null,this.resolutionChangeTimeout=null,this.locations=[],this.map=e,this.view=e.getView(),this.clusterCalculator=new X.PixelClusterCalculator(e),this.source=new U,this.crossLayer=new Y({source:this.source}),this.crossLayer.set("id","signal-control-cross-layer"),this.map.addLayer(this.crossLayer),this.configureVectorLayerStyle()}showSignalCross(e){if(this.source.clear(),this.showName=e.showName||"detail",this.showStyle=e.style||"scatter",this.viewChangeKey||(this.viewChangeKey=this.view.on("change:resolution",()=>{this.showStyle==="cluster"&&(this.resolutionChangeTimeout&&clearTimeout(this.resolutionChangeTimeout),this.resolutionChangeTimeout=setTimeout(()=>{this.calculateCluster(),this.resolutionChangeTimeout=null},150))})),this.mapMoveKey||(this.mapMoveKey=this.map.on("moveend",()=>{this.showStyle==="cluster"&&this.calculateCluster()})),this.showStyle==="scatter"){const t=[],i=[];e.points.forEach(l=>{const a=this.createCrossFeature(l);l.isMalfunction===!0||l.isOnline===!1?i.push(a):t.push(a)}),this.source.addFeatures(t),this.source.addFeatures(i),this.crossLayer.changed()}else this.locations=e.points.map(t=>({id:t.crossId,x:t.x,y:t.y,visited:!1,clusterId:void 0,properties:t})),this.calculateCluster();return{status:0,message:"success"}}calculateCluster(){const e=this.clusterCalculator.calculate(this.locations),t=this.clusterCalculator.calculateSymbolSizes(e);this.showClusterResult(t)}clearSignalCross(){this.source.clear(),this.viewChangeKey&&(N.unByKey(this.viewChangeKey),this.viewChangeKey=null),this.mapMoveKey&&(N.unByKey(this.mapMoveKey),this.mapMoveKey=null),this.resolutionChangeTimeout&&(clearTimeout(this.resolutionChangeTimeout),this.resolutionChangeTimeout=null)}changeShowName(e){this.showName=e,this.showStyle==="scatter"&&this.updateScatterSymbol()}updateScatterSymbol(){this.crossLayer.changed()}configureVectorLayerStyle(){const f=this.map.getView(),E=f.getResolutionForZoom(13),q=f.getResolutionForZoom(15),Z=f.getResolutionForZoom(17),z=(s,n,o)=>`/GisViewerAssets/Images/cross/ic_${(s??"gc").toLowerCase()==="scats"?"scats":"gc"}_${n===!1?"offline":"online"}_${o?"malfunction":"normal"}.png`,d=new Map,S=new Map,m=new WeakMap,C={online:"#22c55e",offline:"#9ca3af"},O=new w({color:"#ffffff",width:1.5}),M=new Map,k=s=>{const n=s===!1?"offline":"online",o=M.get(n);if(o)return o;const r=[new c({image:new v({radius:3,fill:new u({color:C[n]}),stroke:O}),zIndex:1})];return M.set(n,r),r},b=new Map,B=s=>{const n=s===!1?"offline":"online",o=b.get(n);if(o)return o;const r=[new c({image:new v({radius:6,fill:new u({color:C[n]}),stroke:O}),zIndex:1})];return b.set(n,r),r},A=new u({color:"#1f2937"}),R=new w({color:"#ffffff",width:3}),p=s=>{const n=d.get(s);if(n)return n;const o=new c({image:new F({src:s,scale:.5,anchor:[.5,1],anchorXUnits:"fraction",anchorYUnits:"fraction"}),zIndex:1});return d.set(s,o),o},P=s=>{const n=S.get(s);if(n)return n;const o=[p(s)];return S.set(s,o),o};this.crossLayer.setStyle((s,n)=>{if((s.get("type")??"")==="signal-cluster")return this.getClusterStyle(s.getProperties());const r=this.showName==="crossName"?s.get("name"):this.showName==="signalId"?s.get("signalId"):`${s.get("name")}(${s.get("signalId")})`,_=s.get("brand")??"gc",h=s.get("isOnline"),I=s.get("isMalfunction"),g=z(_,h,I);if(n>E)return k(h);if(n>q)return B(h);if(n>Z)return P(g);const y=m.get(s);if(y&&y.label===r&&y.iconKey===g)return y.styles;const V=p(g),D=new c({text:new K({text:r,font:'12px "Microsoft YaHei"',textAlign:"center",textBaseline:"bottom",offsetY:-28,fill:A,stroke:R}),zIndex:2}),T=[V,D];return m.set(s,{label:r,iconKey:g,styles:T}),T})}createCrossFeature(e){return e.brand=e.brand.toLowerCase(),new L({geometry:new x([e.x,e.y]),type:"signal-cross",id:e.crossId,brandLabel:this.getBrandLabel(e.brand),isOnlineLabel:this.getOnlineLabel(e.isOnline),isMalfunctionLabel:this.getMalfunctionLabel(e.isMalfunction),...e})}getClusterStyle(e){const t=e.clusterSymbolSize,i=new F({src:"/GisViewerAssets/Images/cross/gis_xhj_blue.png",scale:t/32}),l=-(t+10),a=new K({text:String(e.count??0),font:"16px Arial Unicode MS",fill:new u({color:[255,255,255,255]}),backgroundFill:new u({color:[2,72,200,1]}),backgroundStroke:new w({color:[2,72,200,.5],width:2}),padding:[1,2,1,2],offsetY:l,textAlign:"center",justify:"center",textBaseline:"middle"});return[new c({image:i}),new c({text:a})]}getBrandLabel(e){const t=(e??"").toLowerCase();return t==="scats"?"SCATS":t==="gc"?"国产":e??""}getOnlineLabel(e){return e?"在线":"离线"}getMalfunctionLabel(e){return e?"故障":"正常"}showClusterResult(e){this.source.clear(),e.forEach(t=>{if(t.id!==-1&&t.center&&t.symbolSize){const i=new L({geometry:new x([t.center.x,t.center.y]),type:"signal-cluster",count:t.count,clusterSymbolSize:t.symbolSize});this.source.addFeature(i)}else t.items.forEach(i=>{const l=this.createCrossFeature({...i.properties,x:i.x,y:i.y});this.source.addFeature(l)})}),this.crossLayer.changed()}}exports.default=$;

package/lib/src/gis-map-ol/utils/signal-control/signal-system-controller.d.ts

@@ -0,0 +1,49 @@
+import { default as OlMap } from 'ol/Map';
+import { IResult, IShowSignalSystemParams, IShowSubSignalSystemParams } from 'packages/components/src/types';
+/**
+ * 信号系统控制器
+ * 用于在 OpenLayers 地图上展示和管理信号子区系统
+ * 包括子区道路线（LineString）和路口节点（Point）的渲染
+ */
+export default class SignalSystemController {
+    /** OpenLayers 地图实例 */
+    private map;
+    /** 矢量数据源，存储所有信号系统要素 */
+    private source;
+    /** 信号系统图层 */
+    private signalSystemLayer;
+    /**
+     * 构造函数
+     * @param map - OpenLayers 地图实例
+     */
+    constructor(map: OlMap);
+    showSignalSystem(params: IShowSignalSystemParams): Promise<IResult> | {
+        status: number;
+        message: string;
+    };
+    removeSignalSystem(areaCode?: string): void;
+    private showSystem;
+    /**
+     * 展示多个信号子区系统
+     * 遍历所有子区并渲染，完成后自动缩放地图视角以显示所有子区
+     *
+     * @param params - 展示参数，包含子区列表
+     * @returns 操作结果
+     */
+    showSubSignalSystem(params: IShowSubSignalSystemParams): Promise<IResult>;
+    /**
+     * 移除信号子区系统
+     * 若不传 subCode，则清除所有子区；否则只清除指定子区
+     *
+     * @param subCode - 可选，子区编码。不传则清除全部
+     */
+    removeSubSignalSystem(subCode?: string): void;
+    /**
+     * 渲染单个信号子区系统
+     * 包括子区道路线和路口节点的渲染
+     *
+     * @param subSystem - 信号子区系统数据
+     * @param areaCode - 区域编码，用于关联要素
+     */
+    private showSubSystem;
+}

package/lib/src/gis-map-ol/utils/signal-control/signal-system-controller.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("ol/Feature"),u=require("ol/geom"),l=require("ol/layer/Vector"),h=require("ol/source/Vector"),c=require("../style/line-style.js"),S=require("../style/point-style.js");class g{constructor(e){this.map=e,this.source=new h,this.signalSystemLayer=new l({source:this.source}),this.signalSystemLayer.set("id","signal-system-layer"),this.map.addLayer(this.signalSystemLayer)}showSignalSystem(e){e.areaList.forEach(t=>{this.showSystem(t)});const s=this.source.getExtent();return s&&s[0]!==1/0?new Promise(t=>{this.map.getView().fit(s,{padding:[50,50,50,50],callback:()=>{t({status:0,message:"success"})}})}):{status:1,message:"No features to display"}}removeSignalSystem(e){if(!e){this.source.clear();return}this.source.getFeatures().filter(t=>t.get("areaCode")===e).forEach(t=>{this.source.removeFeature(t)})}showSystem(e){if(e.shape){let s;typeof e.shape=="string"?s=JSON.parse(e.shape):s=e.shape;const t=c.getLineStyle(e.lineSymbol,e),r=new n({geometry:new u.LineString(s),areaCode:e.areaCode});r.setStyle(t),this.source.addFeature(r)}e.children&&e.children.forEach(s=>{this.showSubSystem(s,e.areaCode)})}async showSubSignalSystem(e){e.areaList.forEach(t=>{this.showSubSystem(t)});const s=this.source.getExtent();return s&&s[0]!==1/0?new Promise(t=>{this.map.getView().fit(s,{padding:[50,50,50,50],callback:()=>{t({status:0,message:"success"})}})}):{status:1,message:"No features to display"}}removeSubSignalSystem(e){if(!e){this.source.clear();return}this.source.getFeatures().filter(t=>t.get("subCode")===e).forEach(t=>{this.source.removeFeature(t)})}showSubSystem(e,s){if(e.subShape){let t;typeof e.subShape=="string"?t=JSON.parse(e.subShape):t=e.subShape;const r=c.getLineStyle(e.roadSymbol,e),o=t.map(i=>{const a=new n({geometry:new u.LineString(i),subCode:e.subAreaCode,areaCode:s||""});return a.setStyle(r),a});this.source.addFeatures(o)}if(e.children){const t=e.children.map(r=>{const o=r.symbol||e.nodeSymbol,i=S.getPointStyle(o,r),a=new n({...r,subCode:e.subAreaCode,areaCode:s||"",geometry:new u.Point([r.x,r.y])});return a.setStyle(i),a});this.source.addFeatures(t)}}}exports.default=g;

package/lib/src/gis-map-ol/utils/style/line-style.d.ts

@@ -0,0 +1,64 @@
+import Style from 'ol/style/Style';
+/**
+ * 根据 ArcGIS simple-line 的 style 获取 lineDash 配置
+ * @param style ArcGIS line style
+ * @param width 线宽，用于计算 dash 长度
+ */
+export declare function getLineDashByStyle(style: string, width: number): number[] | undefined;
+/**
+ * 清除样式缓存
+ */
+export declare function clearStyleCache(): void;
+/**
+ * 获取当前缓存大小
+ */
+export declare function getStyleCacheSize(): number;
+/**
+ * 获取线样式
+ * 支持 symbol 数组配置（line + text），或单个 symbol 配置
+ * 若 symbol 为空则显示蓝色线
+ *
+ * @example
+ * // 简单线样式配置
+ * { symbol: { strokeColor: '#ff0000', strokeWidth: 3 } }
+ *
+ * // 虚线样式配置
+ * { symbol: { strokeColor: '#2563eb', strokeWidth: 2, lineDash: [10, 5] } }
+ *
+ * // 带边框的线样式配置
+ * { symbol: { type: 'bordered', strokeColor: '#ffffff', strokeWidth: 4, borderColor: '#000000', borderWidth: 1 } }
+ *
+ * // 数组配置（线 + 文字）
+ * {
+ *   symbol: [
+ *     { type: 'line', strokeColor: '#2563eb', strokeWidth: 3 },
+ *     { type: 'text', field: 'name', font: '14px Arial', fillColor: [0,0,0], placement: 'line' }
+ *   ]
+ * }
+ *
+ * // 数组配置（带边框线 + 文字）
+ * {
+ *   symbol: [
+ *     { type: 'bordered', strokeColor: '#ffffff', strokeWidth: 4, borderColor: '#333333', borderWidth: 1 },
+ *     { type: 'text', field: 'roadName', font: '12px Arial', fillColor: [0,0,0], placement: 'line', overflow: true }
+ *   ]
+ * }
+ *
+ * // ArcGIS simple-line 配置
+ * // style 可选值: 'solid', 'dash', 'dot', 'dash-dot', 'long-dash', 'long-dash-dot',
+ * //              'long-dash-dot-dot', 'short-dash', 'short-dot', 'short-dash-dot', 'short-dash-dot-dot', 'none'
+ * { symbol: { type: 'simple-line', style: 'solid', color: [255, 0, 0, 1], width: 2 } }
+ * { symbol: { type: 'simple-line', style: 'dash', color: [0, 0, 255, 1], width: 3 } }
+ * { symbol: { type: 'simple-line', style: 'dot', color: [0, 128, 0, 1], width: 2 } }
+ * { symbol: { type: 'simple-line', style: 'dash-dot', color: [255, 128, 0, 1], width: 2 } }
+ * { symbol: { type: 'simple-line', style: 'long-dash-dot-dot', color: [128, 0, 128, 1], width: 2 } }
+ *
+ * // 数组配置（ArcGIS simple-line + 文字）
+ * {
+ *   symbol: [
+ *     { type: 'simple-line', style: 'dash', color: [0, 0, 255, 1], width: 3, cap: 'butt', join: 'miter' },
+ *     { type: 'text', field: 'name', font: '12px Arial', fillColor: [0,0,0], placement: 'line' }
+ *   ]
+ * }
+ */
+export declare function getLineStyle(symbol: any, attributes?: any): Style | Style[];

package/lib/src/gis-map-ol/utils/style/line-style.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("ol/style/Fill"),a=require("ol/style/Stroke"),c=require("ol/style/Style"),D=require("ol/style/Text"),f=new Map;let d=null;function x(e,n){return e?Array.isArray(e)?e.map(o=>{if(o.type==="text"&&o.field){const r=(n==null?void 0:n[o.field])??"";return JSON.stringify({...o,__textContent__:r})}return JSON.stringify(o)}).join("|"):JSON.stringify(e):"__default__"}function h(){return d||(d=new c({stroke:new a({color:"#2563eb",width:2})})),d}function s(e){return new c({stroke:new a({color:e.color??"#2563eb",width:e.width??2,lineCap:e.lineCap??"round",lineJoin:e.lineJoin??"round",lineDash:e.lineDash,lineDashOffset:e.lineDashOffset??0})})}function p(e){const n=new c({stroke:new a({color:e.borderColor??"#000000",width:(e.width??2)+(e.borderWidth??2)*2,lineCap:e.lineCap??"round",lineJoin:e.lineJoin??"round",lineDash:e.lineDash,lineDashOffset:e.lineDashOffset??0})}),t=new c({stroke:new a({color:e.color??"#2563eb",width:e.width??2,lineCap:e.lineCap??"round",lineJoin:e.lineJoin??"round",lineDash:e.lineDash,lineDashOffset:e.lineDashOffset??0})});return[n,t]}function S(e,n){const t=n||2;switch(e){case"solid":return;case"dash":return[t*4,t*2];case"dot":return[t,t*2];case"dash-dot":return[t*4,t*2,t,t*2];case"long-dash":return[t*6,t*3];case"long-dash-dot":return[t*6,t*2,t,t*2];case"long-dash-dot-dot":return[t*6,t*2,t,t*2,t,t*2];case"short-dash":return[t*2,t];case"short-dot":return[t,t];case"short-dash-dot":return[t*2,t,t,t];case"short-dash-dot-dot":return[t*2,t,t,t,t,t];case"none":return[0,1];default:return}}function w(e){const n=e.width??2,t=S(e.style??"solid",n);return new c({stroke:new a({color:e.color??[0,0,0,1],width:n,lineCap:e.cap??"round",lineJoin:e.join??"round",lineDash:t,lineDashOffset:0})})}function C(e,n){const t=new D({text:String(n),font:e.font??"14px Arial Unicode MS",fill:new g({color:e.fillColor??[0,0,0]}),stroke:new a({color:e.strokeColor??[255,255,255],width:e.strokeWidth??3}),offsetX:e.offsetX??0,offsetY:e.offsetY??0,textAlign:e.textAlign??"center",textBaseline:e.textBaseline??"middle",placement:e.placement??"point",overflow:e.overflow??!1,maxAngle:e.maxAngle??Math.PI/4});return new c({text:t})}function k(e,n){if(!e)return h();const t=x(e,n),o=f.get(t);if(o)return o;let r;if(Array.isArray(e)&&e.length>0){const l=[];if(e.forEach(i=>{if(i.type==="line")l.push(s(i));else if(i.type==="simple-line")l.push(w(i));else if(i.type==="bordered")l.push(...p(i));else if(i.type==="text"&&i.field){const u=(n==null?void 0:n[i.field])??"";u&&l.push(C(i,u))}}),l.length>0)return r=l,f.set(t,r),r}return e&&e.type==="bordered"?(r=p(e),f.set(t,r),r):e&&e.type==="simple-line"?(r=w(e),f.set(t,r),r):e?(r=s(e),f.set(t,r),r):h()}exports.getLineDashByStyle=S;exports.getLineStyle=k;

package/lib/src/gis-map-ol/utils/style/point-style.d.ts

@@ -0,0 +1,78 @@
+import Style from 'ol/style/Style';
+/**
+ * 清除样式缓存
+ */
+export declare function clearStyleCache(): void;
+/**
+ * 获取当前缓存大小
+ */
+export declare function getStyleCacheSize(): number;
+/**
+ * 获取单点样式
+ * 支持 symbol 数组配置（icon + text + circle + shape），或单个 symbol 配置
+ * 若 symbol 为空则显示蓝色圆点
+ *
+ * @example
+ * // 单个图标配置
+ * { symbol: { url: '/path/to/icon.png', scale: 1 } }
+ *
+ * // 圆点样式配置
+ * { symbol: { type: 'circle', radius: 8, fillColor: '#ff0000', strokeColor: '#ffffff', strokeWidth: 2 } }
+ *
+ * // 规则图形样式配置（三角形）
+ * { symbol: { type: 'shape', points: 3, radius: 10, fillColor: 'red', strokeColor: 'black', strokeWidth: 1 } }
+ *
+ * // 规则图形样式配置（正方形，旋转45度）
+ * { symbol: { type: 'shape', points: 4, radius: 10, angle: Math.PI / 4, fillColor: 'blue' } }
+ *
+ * // 规则图形样式配置（五角星）
+ * { symbol: { type: 'shape', points: 5, radius: 12, radius2: 6, fillColor: 'gold', strokeColor: 'orange' } }
+ *
+ * // 规则图形样式配置（十字形）
+ * { symbol: { type: 'shape', points: 4, radius: 10, radius2: 0, strokeColor: 'red', strokeWidth: 2 } }
+ *
+ * // ArcGIS picture-marker 配置 (转换为 OpenLayers Icon)
+ * { symbol: { type: 'picture-marker', url: '/path/to/icon.png', width: 24, height: 24, angle: 0, xoffset: 0, yoffset: 0 } }
+ *
+ * // ArcGIS simple-marker 配置 (根据 style 返回对应的 OpenLayers 样式)
+ * // style 可选值: 'circle', 'square', 'diamond', 'triangle', 'cross', 'x', 'path'
+ * { symbol: { type: 'simple-marker', style: 'circle', size: 12, color: [255, 0, 0, 1], outline: { color: [255, 255, 255, 1], width: 1 } } }
+ * { symbol: { type: 'simple-marker', style: 'square', size: 12, color: [0, 128, 255, 1], outline: { color: [0, 0, 0, 1], width: 2 } } }
+ * { symbol: { type: 'simple-marker', style: 'diamond', size: 14, color: [255, 215, 0, 1], outline: { color: [139, 69, 19, 1], width: 1 } } }
+ * { symbol: { type: 'simple-marker', style: 'triangle', size: 12, color: [0, 255, 0, 1], outline: { color: [0, 100, 0, 1], width: 1 } } }
+ * { symbol: { type: 'simple-marker', style: 'cross', size: 12, outline: { color: [255, 0, 0, 1], width: 2 } } }
+ * { symbol: { type: 'simple-marker', style: 'x', size: 12, outline: { color: [0, 0, 255, 1], width: 2 } } }
+ *
+ * // 数组配置（图标 + 文字）
+ * {
+ *   symbol: [
+ *     { type: 'icon', url: '/path/to/icon.png', scale: 1 },
+ *     { type: 'text', field: 'name', font: '14px Arial', fillColor: [0,0,0], offsetY: 20 }
+ *   ]
+ * }
+ *
+ * // 数组配置（圆点 + 文字）
+ * {
+ *   symbol: [
+ *     { type: 'circle', radius: 10, fillColor: 'rgba(255,0,0,0.8)', strokeColor: '#fff', strokeWidth: 2 },
+ *     { type: 'text', field: 'label', font: '12px Arial', fillColor: [255,255,255], offsetY: 0 }
+ *   ]
+ * }
+ *
+ * // 数组配置（五角星 + 文字）
+ * {
+ *   symbol: [
+ *     { type: 'shape', points: 5, radius: 12, radius2: 6, fillColor: 'gold', strokeColor: 'orange' },
+ *     { type: 'text', field: 'name', font: '12px Arial', fillColor: [0,0,0], offsetY: 18 }
+ *   ]
+ * }
+ *
+ * // 数组配置（ArcGIS simple-marker + 文字）
+ * {
+ *   symbol: [
+ *     { type: 'simple-marker', style: 'diamond', size: 16, color: [255, 0, 0, 1], outline: { color: [255, 255, 255, 1], width: 2 } },
+ *     { type: 'text', field: 'name', font: '12px Arial', fillColor: [0,0,0], offsetY: 20 }
+ *   ]
+ * }
+ */
+export declare function getPointStyle(symbol: any, attributes?: any): Style | Style[];

package/lib/src/gis-map-ol/utils/style/point-style.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("ol/style/Circle"),d=require("ol/style/Fill"),M=require("ol/style/Icon"),u=require("ol/style/RegularShape"),s=require("ol/style/Stroke"),f=require("ol/style/Style"),_=require("ol/style/Text"),a=new Map;let w=null;function A(e,t){return e?Array.isArray(e)?e.map(c=>{if(c.type==="text"&&c.field){const n=(t==null?void 0:t[c.field])??"";return JSON.stringify({...c,__textContent__:n})}return JSON.stringify(c)}).join("|"):JSON.stringify(e):"__default__"}function k(){return w||(w=new f({image:new h({radius:6,fill:new d({color:"#2563eb"}),stroke:new s({color:"#ffffff",width:1.5})})})),w}function S(e){const t=new M({src:e.url,scale:e.scale??1,anchor:e.anchor??[.5,.5],anchorXUnits:e.anchorXUnits??"fraction",anchorYUnits:e.anchorYUnits??"fraction",rotation:e.rotation??0});return new f({image:t})}function x(e){const t=new h({radius:e.radius??6,fill:new d({color:e.fillColor??"#2563eb"}),stroke:new s({color:e.strokeColor??"#ffffff",width:e.strokeWidth??1.5})});return new f({image:t})}function C(e){const t=new u({points:e.points??4,radius:e.radius??10,radius2:e.radius2,angle:e.angle??0,rotation:e.rotation??0,fill:e.fillColor?new d({color:e.fillColor}):void 0,stroke:new s({color:e.strokeColor??"#000000",width:e.strokeWidth??1})});return new f({image:t})}function P(e){const t=e.width!=null||e.height!=null,i={src:e.url,anchor:e.anchor??[.5,.5],anchorXUnits:"fraction",anchorYUnits:"fraction",rotation:(e.angle??0)*Math.PI/180,displacement:[e.xoffset??0,-(e.yoffset??0)]};t?(e.width!=null&&(i.width=e.width),e.height!=null&&(i.height=e.height)):e.scale!=null&&(i.scale=e.scale);const c=new M(i);return new f({image:c})}function q(e){var p,g;const t=e.size??12,i=e.color??[0,0,0,1],c=((p=e.outline)==null?void 0:p.color)??[255,255,255,1],n=((g=e.outline)==null?void 0:g.width)??1,o=new d({color:i}),r=new s({color:c,width:n});let l;switch(e.style){case"circle":l=new h({radius:t/2,fill:o,stroke:r});break;case"square":l=new u({points:4,radius:t/2,angle:Math.PI/4,fill:o,stroke:r});break;case"diamond":l=new u({points:4,radius:t/2,angle:0,fill:o,stroke:r});break;case"triangle":l=new u({points:3,radius:t/2,angle:0,fill:o,stroke:r});break;case"cross":l=new u({points:4,radius:t/2,radius2:0,angle:0,stroke:r});break;case"x":l=new u({points:4,radius:t/2,radius2:0,angle:Math.PI/4,stroke:r});break;case"path":l=new h({radius:t/2,fill:o,stroke:r});break;default:l=new h({radius:t/2,fill:o,stroke:r});break}return new f({image:l})}function U(e,t){const i=new _({text:String(t),font:e.font??"14px Arial Unicode MS",fill:new d({color:e.fillColor??[0,0,0]}),stroke:new s({color:e.strokeColor??[255,255,255],width:e.strokeWidth??3}),offsetX:e.offsetX??0,offsetY:e.offsetY??0,textAlign:e.textAlign??"center",textBaseline:e.textBaseline??"middle"});return new f({text:i})}function I(e,t){if(!e)return k();const i=A(e,t),c=a.get(i);if(c)return c;let n;if(Array.isArray(e)&&e.length>0){const o=[];if(e.forEach(r=>{if(r.type==="icon"&&r.url)o.push(S(r));else if(r.type==="picture-marker"&&r.url)o.push(P(r));else if(r.type==="simple-marker")o.push(q(r));else if(r.type==="circle")o.push(x(r));else if(r.type==="shape")o.push(C(r));else if(r.type==="text"&&r.field){const l=(t==null?void 0:t[r.field])??"";l&&o.push(U(r,l))}}),o.length>0)return n=o,a.set(i,n),n}return e&&e.url?(n=S(e),a.set(i,n),n):e&&e.type==="picture-marker"&&e.url?(n=P(e),a.set(i,n),n):e&&e.type==="simple-marker"?(n=q(e),a.set(i,n),n):e&&e.type==="circle"?(n=x(e),a.set(i,n),n):e&&e.type==="shape"?(n=C(e),a.set(i,n),n):k()}exports.getPointStyle=I;

package/lib/src/gis-map-ol/utils/style/polygon-style.d.ts

@@ -0,0 +1,60 @@
+import Style from 'ol/style/Style';
+/**
+ * 清除样式缓存
+ */
+export declare function clearStyleCache(): void;
+/**
+ * 获取当前缓存大小
+ */
+export declare function getStyleCacheSize(): number;
+/**
+ * 获取多边形样式
+ * 支持 symbol 数组配置（polygon + text），或单个 symbol 配置
+ * 若 symbol 为空则显示默认半透明蓝色填充
+ *
+ * @example
+ * // 简单多边形样式配置
+ * { symbol: { fillColor: 'rgba(255,0,0,0.5)', strokeColor: '#ff0000', strokeWidth: 2 } }
+ *
+ * // 仅边框样式配置（无填充）
+ * { symbol: { strokeColor: '#2563eb', strokeWidth: 3 } }
+ *
+ * // 虚线边框样式配置
+ * { symbol: { fillColor: 'rgba(0,128,255,0.3)', strokeColor: '#0080ff', strokeWidth: 2, lineDash: [10, 5] } }
+ *
+ * // 带边框的多边形样式配置（双边框效果）
+ * { symbol: { type: 'bordered', fillColor: 'rgba(255,255,255,0.8)', strokeColor: '#ffffff', strokeWidth: 4, borderColor: '#333333', borderWidth: 1 } }
+ *
+ * // 数组配置（多边形 + 文字）
+ * {
+ *   symbol: [
+ *     { type: 'polygon', fillColor: 'rgba(255,0,0,0.5)', strokeColor: '#ff0000', strokeWidth: 2 },
+ *     { type: 'text', field: 'name', font: '14px Arial', fillColor: [0,0,0] }
+ *   ]
+ * }
+ *
+ * // 数组配置（带边框多边形 + 文字）
+ * {
+ *   symbol: [
+ *     { type: 'bordered', fillColor: 'rgba(255,255,255,0.8)', strokeColor: '#ffffff', strokeWidth: 4, borderColor: '#333333', borderWidth: 1 },
+ *     { type: 'text', field: 'areaName', font: '12px Arial', fillColor: [0,0,0] }
+ *   ]
+ * }
+ *
+ * // ArcGIS simple-fill 配置
+ * // style 可选值: 'solid', 'none', 'horizontal', 'vertical', 'cross', 'forward-diagonal', 'backward-diagonal', 'diagonal-cross'
+ * { symbol: { type: 'simple-fill', style: 'solid', color: [255, 0, 0, 0.5], outline: { color: [0, 0, 0, 1], width: 2, style: 'solid' } } }
+ * { symbol: { type: 'simple-fill', style: 'none', outline: { color: [255, 0, 0, 1], width: 3, style: 'dash' } } }
+ *
+ * // ArcGIS picture-fill 配置（降级为纯色填充）
+ * { symbol: { type: 'picture-fill', url: '/path/to/pattern.png', width: 32, height: 32, outline: { color: [0, 0, 0, 1], width: 1 } } }
+ *
+ * // 数组配置（ArcGIS simple-fill + 文字）
+ * {
+ *   symbol: [
+ *     { type: 'simple-fill', style: 'solid', color: [0, 128, 255, 0.4], outline: { color: [0, 0, 128, 1], width: 2, style: 'solid' } },
+ *     { type: 'text', field: 'name', font: '12px Arial', fillColor: [0,0,0] }
+ *   ]
+ * }
+ */
+export declare function getPolygonStyle(symbol: any, attributes?: any): Style | Style[];

package/lib/src/gis-map-ol/utils/style/polygon-style.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("ol/style/Fill"),f=require("ol/style/Stroke"),u=require("ol/style/Style"),k=require("ol/style/Text"),C=require("./line-style.js"),a=new Map;let d=null;function D(e,n){return e?Array.isArray(e)?e.map(o=>{if(o.type==="text"&&o.field){const t=(n==null?void 0:n[o.field])??"";return JSON.stringify({...o,__textContent__:t})}return JSON.stringify(o)}).join("|"):JSON.stringify(e):"__default__"}function w(){return d||(d=new u({fill:new c({color:"rgba(37, 99, 235, 0.3)"}),stroke:new f({color:"#2563eb",width:2})})),d}function s(e){return new u({fill:e.fillColor?new c({color:e.fillColor}):void 0,stroke:new f({color:e.strokeColor??"#2563eb",width:e.strokeWidth??2,lineCap:e.lineCap??"round",lineJoin:e.lineJoin??"round",lineDash:e.lineDash,lineDashOffset:e.lineDashOffset??0})})}function x(e,n){switch(e){case"solid":return new c({color:n??[0,0,0,.5]});case"none":case"null":return;case"horizontal":case"vertical":case"cross":case"forward-diagonal":case"backward-diagonal":case"diagonal-cross":return new c({color:n??[0,0,0,.3]});default:return new c({color:n??[0,0,0,.5]})}}function p(e){const n=e.style??"solid",l=x(n,e.color);let o;if(e.outline){const t=e.outline.width??1,r=e.outline.style??"solid",i=C.getLineDashByStyle(r,t);o=new f({color:e.outline.color??[0,0,0,1],width:t,lineCap:e.outline.cap??"round",lineJoin:e.outline.join??"round",lineDash:i})}return new u({fill:l,stroke:o})}function S(e){const n=new c({color:e.color??"rgba(128, 128, 128, 0.3)"});let l;if(e.outline){const o=e.outline.width??1,t=e.outline.style??"solid",r=C.getLineDashByStyle(t,o);l=new f({color:e.outline.color??[0,0,0,1],width:o,lineDash:r})}return new u({fill:n,stroke:l})}function g(e){const n=new u({stroke:new f({color:e.borderColor??"#000000",width:(e.strokeWidth??2)+(e.borderWidth??2)*2,lineCap:e.lineCap??"round",lineJoin:e.lineJoin??"round",lineDash:e.lineDash,lineDashOffset:e.lineDashOffset??0})}),l=new u({fill:e.fillColor?new c({color:e.fillColor}):void 0,stroke:new f({color:e.strokeColor??"#2563eb",width:e.strokeWidth??2,lineCap:e.lineCap??"round",lineJoin:e.lineJoin??"round",lineDash:e.lineDash,lineDashOffset:e.lineDashOffset??0})});return[n,l]}function J(e,n){const l=new k({text:String(n),font:e.font??"14px Arial Unicode MS",fill:new c({color:e.fillColor??[0,0,0]}),stroke:new f({color:e.strokeColor??[255,255,255],width:e.strokeWidth??3}),offsetX:e.offsetX??0,offsetY:e.offsetY??0,textAlign:e.textAlign??"center",textBaseline:e.textBaseline??"middle",overflow:e.overflow??!1});return new u({text:l})}function O(e,n){if(!e)return w();const l=D(e,n),o=a.get(l);if(o)return o;let t;if(Array.isArray(e)&&e.length>0){const r=[];if(e.forEach(i=>{if(i.type==="polygon")r.push(s(i));else if(i.type==="simple-fill")r.push(p(i));else if(i.type==="picture-fill")r.push(S(i));else if(i.type==="bordered")r.push(...g(i));else if(i.type==="text"&&i.field){const h=(n==null?void 0:n[i.field])??"";h&&r.push(J(i,h))}}),r.length>0)return t=r,a.set(l,t),t}return e&&e.type==="bordered"?(t=g(e),a.set(l,t),t):e&&e.type==="simple-fill"?(t=p(e),a.set(l,t),t):e&&e.type==="picture-fill"?(t=S(e),a.set(l,t),t):e?(t=s(e),a.set(l,t),t):w()}exports.getPolygonStyle=O;

package/lib/src/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./gis-map/index.js"),t=require("./gis-map-ol");exports.GisMap=r.GisMap;Object.keys(t).forEach(e=>{e!=="default"&&!exports.hasOwnProperty(e)&&Object.defineProperty(exports,e,{enumerable:!0,get:()=>t[e]})});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./gis-map/index.js"),i=require("./gis-map-ol/index.js");exports.GisMap=e.GisMap;exports.GisMapOl=i.GisMapOl;

package/lib/src/types/index.d.ts

@@ -149,6 +149,7 @@ export interface IOverlayParam {
     defaultSymbol?: IPointSymbol | ILineSymbol | IPolygonSymbol;
     defaultVisible?: boolean;
     overlays: Array<IOverlay>;
+    needZoom?: boolean;
 }
 export interface IClusterPointParams {
     type?: string;
@@ -323,7 +324,7 @@ export interface ISignalSubSystem {
     subShape?: number[][][] | string;
     nodeSymbol?: any;
     roadSymbol?: any;
-    children: {
+    children?: {
         x: number;
         y: number;
         nodeId: string;

package/lib/src/types/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var o=(r=>(r.West="1",r.North="2",r.East="3",r.South="4",r))(o||{}),u=(r=>(r[r.None=0]="None",r[r.PlateNumber=1]="PlateNumber",r[r.Id=2]="Id",r[r.Mix=3]="Mix",r))(u||{});exports.EVehiclePlateState=u;exports.QuadrantCode=o;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gisviewer-vue3-arcgis",
-  "version": "1.0.284",
+  "version": "1.0.286",
   "main": "lib/index.js",
   "module": "es/index.mjs",
   "files": [