gisviewer-vue3-arcgis 1.0.284 → 1.0.286

package/es/src/gis-map-ol/utils/signal-control/signal-cross-controller.mjs

@@ -0,0 +1,221 @@
+import L from "ol/Feature";
+import x from "ol/geom/Point";
+import U from "ol/layer/Vector";
+import { unByKey as N } from "ol/Observable";
+import X from "ol/source/Vector";
+import F from "ol/style/Circle";
+import h from "ol/style/Fill";
+import v from "ol/style/Icon";
+import m from "ol/style/Stroke";
+import a from "ol/style/Style";
+import K from "ol/style/Text";
+import { PixelClusterCalculator as $ } from "../cluster/pixel-cluster-calculator.mjs";
+class re {
+  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 $(e), this.source = new X(), this.crossLayer = new U({
+      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 c = this.createCrossFeature(l);
+        l.isMalfunction === !0 || l.isOnline === !1 ? i.push(c) : t.push(c);
+      }), 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(this.viewChangeKey), this.viewChangeKey = null), this.mapMoveKey && (N(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();
+  }
+  /**
+   * 配置矢量图层样式：复用 Icon，并为不同 feature 渲染不同 Text。
+   * - 使用 resolution 判断是否显示文字（在指定缩放级别后才显示）
+   * - 使用缓存避免每次渲染都创建新的 Style/Icon/数组对象
+   */
+  configureVectorLayerStyle() {
+    const y = this.map.getView(), E = y.getResolutionForZoom(13), Z = y.getResolutionForZoom(15), z = y.getResolutionForZoom(17), k = (s, o, n) => `/GisViewerAssets/Images/cross/ic_${(s ?? "gc").toLowerCase() === "scats" ? "scats" : "gc"}_${o === !1 ? "offline" : "online"}_${n ? "malfunction" : "normal"}.png`, w = /* @__PURE__ */ new Map(), d = /* @__PURE__ */ new Map(), S = /* @__PURE__ */ new WeakMap(), C = {
+      online: "#22c55e",
+      // 绿色 - 在线
+      offline: "#9ca3af"
+      // 灰色 - 离线
+    }, p = new m({ color: "#ffffff", width: 1.5 }), O = /* @__PURE__ */ new Map(), A = (s) => {
+      const o = s === !1 ? "offline" : "online", n = O.get(o);
+      if (n)
+        return n;
+      const r = [
+        new a({
+          image: new F({
+            radius: 3,
+            fill: new h({ color: C[o] }),
+            stroke: p
+          }),
+          zIndex: 1
+        })
+      ];
+      return O.set(o, r), r;
+    }, M = /* @__PURE__ */ new Map(), B = (s) => {
+      const o = s === !1 ? "offline" : "online", n = M.get(o);
+      if (n)
+        return n;
+      const r = [
+        new a({
+          image: new F({
+            radius: 6,
+            fill: new h({ color: C[o] }),
+            stroke: p
+          }),
+          zIndex: 1
+        })
+      ];
+      return M.set(o, r), r;
+    }, R = new h({ color: "#1f2937" }), V = new m({ color: "#ffffff", width: 3 }), I = (s) => {
+      const o = w.get(s);
+      if (o)
+        return o;
+      const n = new a({
+        image: new v({
+          src: s,
+          scale: 0.5,
+          anchor: [0.5, 1],
+          anchorXUnits: "fraction",
+          anchorYUnits: "fraction"
+        }),
+        zIndex: 1
+      });
+      return w.set(s, n), n;
+    }, D = (s) => {
+      const o = d.get(s);
+      if (o)
+        return o;
+      const n = [I(s)];
+      return d.set(s, n), n;
+    };
+    this.crossLayer.setStyle((s, o) => {
+      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")})`, b = s.get("brand") ?? "gc", u = s.get("isOnline"), T = s.get("isMalfunction"), f = k(b, u, T);
+      if (o > E)
+        return A(u);
+      if (o > Z)
+        return B(u);
+      if (o > z)
+        return D(f);
+      const g = S.get(s);
+      if (g && g.label === r && g.iconKey === f)
+        return g.styles;
+      const P = I(f), Y = new a({
+        text: new K({
+          text: r,
+          font: '12px "Microsoft YaHei"',
+          textAlign: "center",
+          textBaseline: "bottom",
+          offsetY: -28,
+          fill: R,
+          stroke: V
+        }),
+        zIndex: 2
+      }), _ = [P, Y];
+      return S.set(s, {
+        label: r,
+        iconKey: f,
+        styles: _
+      }), _;
+    });
+  }
+  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 v({
+      src: "/GisViewerAssets/Images/cross/gis_xhj_blue.png",
+      scale: t / 32
+      // 近似缩放
+    }), l = -(t + 10), c = new K({
+      text: String(e.count ?? 0),
+      font: "16px Arial Unicode MS",
+      fill: new h({ color: [255, 255, 255, 255] }),
+      backgroundFill: new h({ color: [2, 72, 200, 1] }),
+      backgroundStroke: new m({ color: [2, 72, 200, 0.5], width: 2 }),
+      padding: [1, 2, 1, 2],
+      offsetY: l,
+      textAlign: "center",
+      justify: "center",
+      textBaseline: "middle"
+    });
+    return [new a({ image: i }), new a({ text: c })];
+  }
+  // private formatCrossName(name?: string) {
+  //   return (name || '').replace(/与/g, '/');
+  // }
+  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();
+  }
+}
+export {
+  re as default
+};

package/es/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/es/src/gis-map-ol/utils/signal-control/signal-system-controller.mjs

@@ -0,0 +1,127 @@
+import n from "ol/Feature";
+import { LineString as u, Point as l } from "ol/geom";
+import h from "ol/layer/Vector";
+import f from "ol/source/Vector";
+import { getLineStyle as c } from "../style/line-style.mjs";
+import { getPointStyle as m } from "../style/point-style.mjs";
+class F {
+  /**
+   * 构造函数
+   * @param map - OpenLayers 地图实例
+   */
+  constructor(e) {
+    this.map = e, this.source = new f(), this.signalSystemLayer = new h({
+      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 r = this.source.getExtent();
+    return r && r[0] !== 1 / 0 ? new Promise((t) => {
+      this.map.getView().fit(r, {
+        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 r;
+      typeof e.shape == "string" ? r = JSON.parse(e.shape) : r = e.shape;
+      const t = c(e.lineSymbol, e), s = new n({
+        geometry: new u(r),
+        areaCode: e.areaCode
+      });
+      s.setStyle(t), this.source.addFeature(s);
+    }
+    e.children && e.children.forEach((r) => {
+      this.showSubSystem(r, e.areaCode);
+    });
+  }
+  /**
+   * 展示多个信号子区系统
+   * 遍历所有子区并渲染，完成后自动缩放地图视角以显示所有子区
+   *
+   * @param params - 展示参数，包含子区列表
+   * @returns 操作结果
+   */
+  async showSubSignalSystem(e) {
+    e.areaList.forEach((t) => {
+      this.showSubSystem(t);
+    });
+    const r = this.source.getExtent();
+    return r && r[0] !== 1 / 0 ? new Promise((t) => {
+      this.map.getView().fit(r, {
+        padding: [50, 50, 50, 50],
+        callback: () => {
+          t({ status: 0, message: "success" });
+        }
+      });
+    }) : { status: 1, message: "No features to display" };
+  }
+  /**
+   * 移除信号子区系统
+   * 若不传 subCode，则清除所有子区；否则只清除指定子区
+   *
+   * @param subCode - 可选，子区编码。不传则清除全部
+   */
+  removeSubSignalSystem(e) {
+    if (!e) {
+      this.source.clear();
+      return;
+    }
+    this.source.getFeatures().filter((t) => t.get("subCode") === e).forEach((t) => {
+      this.source.removeFeature(t);
+    });
+  }
+  /**
+   * 渲染单个信号子区系统
+   * 包括子区道路线和路口节点的渲染
+   *
+   * @param subSystem - 信号子区系统数据
+   * @param areaCode - 区域编码，用于关联要素
+   */
+  showSubSystem(e, r) {
+    if (e.subShape) {
+      let t;
+      typeof e.subShape == "string" ? t = JSON.parse(e.subShape) : t = e.subShape;
+      const s = c(e.roadSymbol, e), o = t.map((i) => {
+        const a = new n({
+          geometry: new u(i),
+          subCode: e.subAreaCode,
+          areaCode: r || ""
+        });
+        return a.setStyle(s), a;
+      });
+      this.source.addFeatures(o);
+    }
+    if (e.children) {
+      const t = e.children.map((s) => {
+        const o = s.symbol || e.nodeSymbol, i = m(o, s), a = new n({
+          ...s,
+          subCode: e.subAreaCode,
+          areaCode: r || "",
+          geometry: new l([s.x, s.y])
+        });
+        return a.setStyle(i), a;
+      });
+      this.source.addFeatures(t);
+    }
+  }
+}
+export {
+  F as default
+};

package/es/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/es/src/gis-map-ol/utils/style/line-style.mjs

@@ -0,0 +1,151 @@
+import S from "ol/style/Fill";
+import f from "ol/style/Stroke";
+import a from "ol/style/Style";
+import g from "ol/style/Text";
+const c = /* @__PURE__ */ new Map();
+let d = null;
+function x(e, n) {
+  return e ? Array.isArray(e) ? e.map((i) => {
+    if (i.type === "text" && i.field) {
+      const r = (n == null ? void 0 : n[i.field]) ?? "";
+      return JSON.stringify({ ...i, __textContent__: r });
+    }
+    return JSON.stringify(i);
+  }).join("|") : JSON.stringify(e) : "__default__";
+}
+function u() {
+  return d || (d = new a({
+    stroke: new f({
+      color: "#2563eb",
+      width: 2
+    })
+  })), d;
+}
+function p(e) {
+  return new a({
+    stroke: new f({
+      color: e.color ?? "#2563eb",
+      width: e.width ?? 2,
+      lineCap: e.lineCap ?? "round",
+      lineJoin: e.lineJoin ?? "round",
+      lineDash: e.lineDash,
+      lineDashOffset: e.lineDashOffset ?? 0
+    })
+  });
+}
+function s(e) {
+  const n = new a({
+    stroke: new f({
+      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 a({
+    stroke: new f({
+      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 D(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 = D(e.style ?? "solid", n);
+  return new a({
+    stroke: new f({
+      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 g({
+    text: String(n),
+    font: e.font ?? "14px Arial Unicode MS",
+    fill: new S({
+      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",
+    placement: e.placement ?? "point",
+    overflow: e.overflow ?? !1,
+    maxAngle: e.maxAngle ?? Math.PI / 4
+  });
+  return new a({ text: t });
+}
+function _(e, n) {
+  if (!e)
+    return u();
+  const t = x(e, n), i = c.get(t);
+  if (i)
+    return i;
+  let r;
+  if (Array.isArray(e) && e.length > 0) {
+    const l = [];
+    if (e.forEach((o) => {
+      if (o.type === "line")
+        l.push(p(o));
+      else if (o.type === "simple-line")
+        l.push(w(o));
+      else if (o.type === "bordered")
+        l.push(...s(o));
+      else if (o.type === "text" && o.field) {
+        const h = (n == null ? void 0 : n[o.field]) ?? "";
+        h && l.push(C(o, h));
+      }
+    }), l.length > 0)
+      return r = l, c.set(t, r), r;
+  }
+  return e && e.type === "bordered" ? (r = s(e), c.set(t, r), r) : e && e.type === "simple-line" ? (r = w(e), c.set(t, r), r) : e ? (r = p(e), c.set(t, r), r) : u();
+}
+export {
+  D as getLineDashByStyle,
+  _ as getLineStyle
+};

package/es/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[];