my-openlayer 2.4.9 → 2.4.12

package/CHANGELOG.md

@@ -1,64 +1,20 @@
 # Changelog
 
-## [2.4.9] - 2026-03-05
+## [2.4.12] - 2026-04-21
 
-### ✨ Features
-
-- **TwinkleItem:** 支持自定义闪烁点DOM元素
-- **SelectHandler:** 重构选择交互以支持独立样式渲染和多选隔离
-- 重构Polygon样式处理并添加示例组件
-- **core:** 添加基于GeoJSON数据的地图定位功能
-- **core:** 添加地图定位功能并重构点位相关方法
-- **Point:** 添加闪烁点功能及示例
-- **core:** 为Polygon添加layerName选项并调整图层添加逻辑
-- **Point:** 添加setOneVisibleByProp方法控制点显示
-- **Polygon:** 优化遮罩功能支持多几何图形处理
-- **测量工具:** 添加测量距离和面积功能及工具栏样式
-- **地图:** 添加自定义投影配置支持
-- **日志管理:** 实现统一日志开关与级别控制
-- **SelectHandler:** 新增要素选择处理器模块
-- upgrade OpenLayers to v10.6.1 and update project to v2.0.0
-- update MapBaseLayers to handle optional token and improve annotation layer management
-- 重新添加已清理的App.vue文件，移除了所有敏感token信息
-- 重构Vue模板点位功能并优化事件管理
-- **Polygon:** 改进图像图层处理逻辑并添加更新功能
-- 添加验证工具类并重构现有验证逻辑
-- **地图工具:** 重构地图工具类并增强错误处理
-- 重构类型系统并增强核心功能
-
-### 🐛 Bug Fixes
-
-- **core:** 改进Vue依赖检测逻辑并更新版本号
-- **VueTemplatePoint:** 修复Vue3环境下pointData的类型定义
-- **core:** 修正Line类中layerName属性设置错误
-- resolve TypeScript build error in MapBaseLayers.ts
-
-### ⚡ Performance
-
-- **Polygon:** 优化GeoJSON解析性能，直接注入layerName
+### Features
 
-### ♻️ Refactor
+- **Point:** 新增 `addPulsePointLayer`，使用 `VectorLayer` 和单个 `requestAnimationFrame` 支持大量高性能闪烁点。
+- **Point:** 高性能闪烁点参数对齐 `addPoint`，支持 `img`、`scale`、`iconColor`、`textKey`、`textVisible` 等常用配置。
+- **examples:** 新增高性能闪烁点示例和村庄点位 SVG 图标。
 
-- **MapBaseLayers:** 重构图层管理逻辑，优化代码结构和可维护性
-- **ConfigManager:** 集中管理默认配置并移除无用接口
-- **样式处理:** 统一处理自定义样式逻辑并修复代码格式
-- 将nameKey重命名为textKey以提高语义清晰度
-- 更新依赖项并优化类型导出结构
-- **core:** 重构DomPoint和MapBaseLayers类，优化代码结构和功能
+### Documentation
 
-### 📝 Documentation
+- 更新 README、VitePress docs 和 Codex skill 文档，补充 `addPulsePointLayer` 用法。
 
-- 更新技能文档的名称与描述
-- 添加技能文档系统并更新项目文档结构
-- add vitepress documentation and github actions workflow
-- 添加详细模块文档并更新发布配置
-- update README with branch strategy and add migration guide
+## [2.4.8] - 2026-01-30
 
-# Changelog
-
-## [2.4.8] - 2026-01-30
-
-### ✨ Features
+### ✨ Features
 
 - **SelectHandler:** 重构选择交互以支持独立样式渲染和多选隔离
 - 重构Polygon样式处理并添加示例组件

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2025 cuteyuchen
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2025 cuteyuchen
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -22,8 +22,8 @@ my-openlayer 是一个基于 [OpenLayers](https://openlayers.org/) 的现代地
   - 地图裁剪与自定义范围显示
   - 支持 GeoServer WMS 图层
 
-- **📍 要素操作**
-  - **点位管理 (Point)**：点位标注（自定义图标、聚合、闪烁）
+- **📍 要素操作**
+  - **点位管理 (Point)**：点位标注（自定义图标、聚合、DOM 闪烁、高性能矢量闪烁）
   - **线要素绘制 (Line)**：线要素绘制（虚线、样式自定义）
   - **面要素 (Polygon)**：面要素绘制、分区高亮、遮罩层
   - **Vue组件支持 (VueTemplatePoint)**：支持将 Vue 组件作为地图点位渲染
@@ -84,11 +84,46 @@ const line = map.getLine();
 const polygon = map.getPolygon();
 
 // 添加点位
-point.addPoint([{ lgtd: 119.81, lttd: 29.969, name: '示例点' }], {
-  layerName: 'example-point',
-  img: 'marker.png'
-});
-```
+point.addPoint([{ lgtd: 119.81, lttd: 29.969, name: '示例点' }], {
+  layerName: 'example-point',
+  img: 'marker.png'
+});
+```
+
+### 3. 添加高性能闪烁点
+
+当需要展示大量预警点位时，优先使用 `addPulsePointLayer`。它与 `addPoint` 保持一致的 `img`、`scale`、`textKey` 等参数习惯，通过单个 `requestAnimationFrame` 驱动整个 `VectorLayer`，避免为每个点创建 DOM 动画。
+
+```typescript
+const pulseLayer = point.addPulsePointLayer(
+  [
+    { lgtd: 119.81, lttd: 29.969, lev: 0, stnm: '风险村' },
+    { lgtd: 119.86, lttd: 29.992, lev: 3, stnm: '普通村' }
+  ],
+  {
+    layerName: 'village-pulse',
+    levelKey: 'lev',
+    textKey: 'stnm',
+    img: '/icons/village.svg',
+    scale: 0.8,
+    textVisible: true,
+    pulse: {
+      duration: 2400,
+      radius: [8, 28],
+      colorMap: {
+        0: 'rgba(255, 48, 54, 0.48)',
+        1: 'rgba(255, 136, 0, 0.45)',
+        2: 'rgba(253, 216, 46, 0.4)',
+        3: 'rgba(6, 183, 253, 0.32)'
+      }
+    }
+  }
+);
+
+pulseLayer?.stop();
+pulseLayer?.start();
+pulseLayer?.remove();
+```
 
 ## 文档索引
 
@@ -102,7 +137,7 @@ point.addPoint([{ lgtd: 119.81, lttd: 29.969, name: '示例点' }], {
 - **[ErrorHandler](docs/ErrorHandler.md)**: 错误处理。
 
 ### 要素操作
-- **[Point](docs/Point.md)**: 点要素（含聚合、DOM点位）。
+- **[Point](docs/Point.md)**: 点要素（含聚合、DOM 点位、高性能闪烁点）。
 - **[Line](docs/Line.md)**: 线要素。
 - **[Polygon](docs/Polygon.md)**: 面要素（含热力图、图片层）。
 - **[VueTemplatePoint](docs/VueTemplatePoint.md)**: Vue 组件点位。

package/core/MapBaseLayers.js

@@ -69,20 +69,18 @@ export default class MapBaseLayers {
      */
     initializeLayers() {
         const { layers, token, annotation } = this.options;
+        this.layers = {};
+        if (token) {
+            this.initTiandituLayers();
+        }
         // 初始化底图配置
         if (Array.isArray(layers)) {
-            this.layers = { [CUSTOM_LAYER_KEY]: layers };
+            this.layers[CUSTOM_LAYER_KEY] = layers;
         }
         else if (layers && Object.keys(layers).length > 0) {
-            this.layers = layers;
-        }
-        else if (token) {
-            // 如果没有提供layers但提供了token，则初始化标准天地图
-            this.initTiandituLayers();
-        }
-        else {
-            this.layers = {};
+            this.layers = { ...this.layers, ...layers };
         }
+        // 如果没有提供layers但提供了token，则初始化标准天地图
         // 初始化注记配置
         if (annotation) {
             this.initAnnotationLayer();

package/core/Point.d.ts

@@ -2,7 +2,7 @@ import Map from "ol/Map";
 import Overlay from 'ol/Overlay';
 import VectorLayer from "ol/layer/Vector";
 import VectorSource from "ol/source/Vector";
-import { PointOptions, ClusterOptions, PointData, VueTemplatePointInstance, TwinkleItem } from '../types';
+import { PointOptions, ClusterOptions, PointData, VueTemplatePointInstance, TwinkleItem, PulsePointOptions, PulsePointLayerHandle } from '../types';
 export default class Point {
     private map;
     constructor(map: Map);
@@ -37,6 +37,16 @@ export default class Point {
      * @returns 样式对象
      */
     private createClusterStyle;
+    /**
+     * 将颜色透明度按动画进度衰减。
+     * @private
+     */
+    private withOpacity;
+    /**
+     * 创建高性能闪烁点要素。
+     * @private
+     */
+    private createPulsePointFeatures;
     /**
      * 配置图层属性
      * @private
@@ -55,6 +65,13 @@ export default class Point {
      */
     addPoint(pointData: PointData[], options: PointOptions): VectorLayer<VectorSource> | null;
     addClusterPoint(pointData: PointData[], options: ClusterOptions): VectorLayer<VectorSource> | null;
+    /**
+     * 添加高性能闪烁点图层。
+     *
+     * 与 addDomPoint 不同，该方法使用 VectorLayer 批量渲染点位，并通过单个
+     * requestAnimationFrame 驱动闪烁圈，适合村庄预警等大量点位场景。
+     */
+    addPulsePointLayer(pointData: PointData[], options: PulsePointOptions): PulsePointLayerHandle | null;
     /**
      * 添加闪烁点
      * @param twinkleList 闪烁点数据

package/core/Point.js

@@ -2,7 +2,7 @@
 import Overlay from 'ol/Overlay';
 import Feature from "ol/Feature";
 import { Point as olPoint } from "ol/geom";
-import { Text, Style, Fill, Stroke, Icon } from "ol/style";
+import { Text, Style, Fill, Stroke, Icon, Circle as CircleStyle } from "ol/style";
 import VectorLayer from "ol/layer/Vector";
 import VectorSource from "ol/source/Vector";
 import { Cluster } from 'ol/source';
@@ -86,6 +86,48 @@ export default class Point {
         }
         return new Style(style);
     }
+    /**
+     * 将颜色透明度按动画进度衰减。
+     * @private
+     */
+    withOpacity(color, opacity) {
+        const safeOpacity = Math.max(0, Math.min(1, opacity));
+        const rgbaMatch = color.match(/^rgba?\(([^)]+)\)$/i);
+        if (rgbaMatch) {
+            const parts = rgbaMatch[1].split(',').map(part => part.trim());
+            if (parts.length >= 3) {
+                const alpha = parts.length >= 4 ? Number(parts[3]) : 1;
+                const nextAlpha = Number.isFinite(alpha) ? alpha * safeOpacity : safeOpacity;
+                return `rgba(${parts[0]}, ${parts[1]}, ${parts[2]}, ${nextAlpha})`;
+            }
+        }
+        if (/^#[0-9a-f]{6}$/i.test(color)) {
+            const red = parseInt(color.slice(1, 3), 16);
+            const green = parseInt(color.slice(3, 5), 16);
+            const blue = parseInt(color.slice(5, 7), 16);
+            return `rgba(${red}, ${green}, ${blue}, ${safeOpacity})`;
+        }
+        return color;
+    }
+    /**
+     * 创建高性能闪烁点要素。
+     * @private
+     */
+    createPulsePointFeatures(pointData, options) {
+        const pointFeatureList = [];
+        pointData.forEach(item => {
+            if (!ValidationUtils.validateCoordinates(item)) {
+                return;
+            }
+            pointFeatureList.push(new Feature({
+                rawData: item,
+                type: options.layerName,
+                layerName: options.layerName,
+                geometry: new olPoint([item.lgtd, item.lttd])
+            }));
+        });
+        return pointFeatureList;
+    }
     /**
      * 配置图层属性
      * @private
@@ -189,6 +231,164 @@ export default class Point {
         this.configureLayer(clusterLayer, options);
         return clusterLayer;
     }
+    /**
+     * 添加高性能闪烁点图层。
+     *
+     * 与 addDomPoint 不同，该方法使用 VectorLayer 批量渲染点位，并通过单个
+     * requestAnimationFrame 驱动闪烁圈，适合村庄预警等大量点位场景。
+     */
+    addPulsePointLayer(pointData, options) {
+        if (!ValidationUtils.validatePointData(pointData)) {
+            return null;
+        }
+        const pulseOptions = {
+            enabled: options.pulse?.enabled ?? true,
+            duration: options.pulse?.duration ?? 2400,
+            radius: options.pulse?.radius ?? [8, 26],
+            colorMap: options.pulse?.colorMap ?? {
+                0: 'rgba(255, 48, 54, 0.45)',
+                1: 'rgba(255, 136, 0, 0.45)',
+                2: 'rgba(253, 216, 46, 0.38)',
+                3: 'rgba(6, 183, 253, 0.3)'
+            },
+            strokeColorMap: options.pulse?.strokeColorMap,
+            strokeWidth: options.pulse?.strokeWidth ?? 0,
+            frameCount: Math.max(1, options.pulse?.frameCount ?? 24)
+        };
+        const levelKey = options.levelKey ?? 'lev';
+        const pulseStyleCache = new globalThis.Map();
+        const staticStyleCache = new globalThis.Map();
+        let frameIndex = 0;
+        let renderedFrameIndex = -1;
+        let rafId = null;
+        let running = false;
+        const source = new VectorSource({
+            features: this.createPulsePointFeatures(pointData, options)
+        });
+        const createStyles = (feature) => {
+            const rawData = feature.get('rawData');
+            const level = rawData?.[levelKey] ?? 'default';
+            const progress = frameIndex / Math.max(1, pulseOptions.frameCount - 1);
+            const [minRadius, maxRadius] = pulseOptions.radius;
+            const radius = minRadius + (maxRadius - minRadius) * progress;
+            const opacity = 1 - progress;
+            const fillColor = pulseOptions.colorMap[level] ?? pulseOptions.colorMap.default ?? 'rgba(6, 183, 253, 0.32)';
+            const strokeColor = pulseOptions.strokeColorMap?.[level] ?? pulseOptions.strokeColorMap?.default;
+            const styles = [];
+            if (pulseOptions.enabled) {
+                const pulseCacheKey = `${level}_${frameIndex}`;
+                let pulseStyle = pulseStyleCache.get(pulseCacheKey);
+                if (!pulseStyle) {
+                    pulseStyle = new Style({
+                        zIndex: 0,
+                        image: new CircleStyle({
+                            radius,
+                            fill: new Fill({ color: this.withOpacity(fillColor, opacity) }),
+                            stroke: strokeColor && pulseOptions.strokeWidth > 0
+                                ? new Stroke({ color: this.withOpacity(strokeColor, opacity), width: pulseOptions.strokeWidth })
+                                : undefined
+                        })
+                    });
+                    pulseStyleCache.set(pulseCacheKey, pulseStyle);
+                }
+                styles.push(pulseStyle);
+            }
+            const text = options.textVisible && options.textKey && rawData ? rawData[options.textKey] ?? '' : '';
+            const staticCacheKey = [
+                options.img ?? options.icon?.src ?? '',
+                options.scale ?? options.icon?.scale ?? ConfigManager.DEFAULT_POINT_ICON_SCALE,
+                options.iconColor ?? options.icon?.color ?? '',
+                text
+            ].join('|');
+            let pointStyle = staticStyleCache.get(staticCacheKey);
+            if (pointStyle) {
+                styles.push(pointStyle);
+                return styles;
+            }
+            const pointStyleOptions = {};
+            const iconSrc = options.img ?? options.icon?.src;
+            if (iconSrc) {
+                pointStyleOptions.image = new Icon({
+                    src: iconSrc,
+                    scale: options.scale ?? options.icon?.scale ?? ConfigManager.DEFAULT_POINT_ICON_SCALE,
+                    color: options.iconColor ?? options.icon?.color
+                });
+            }
+            else if (options.icon) {
+                pointStyleOptions.image = new CircleStyle({
+                    radius: options.icon.radius ?? 5,
+                    fill: new Fill({ color: options.icon.fillColor ?? '#06b7fd' }),
+                    stroke: new Stroke({
+                        color: options.icon.strokeColor ?? '#ffffff',
+                        width: options.icon.strokeWidth ?? 2
+                    })
+                });
+            }
+            if (text) {
+                pointStyleOptions.text = this.createTextStyle(options, text);
+            }
+            if (pointStyleOptions.image || pointStyleOptions.text) {
+                pointStyle = new Style(pointStyleOptions);
+                pointStyle.setZIndex(1);
+                staticStyleCache.set(staticCacheKey, pointStyle);
+                styles.push(pointStyle);
+            }
+            return styles;
+        };
+        const layer = new VectorLayer({
+            layerName: options.layerName,
+            source,
+            style: createStyles,
+            zIndex: options.zIndex || ConfigManager.DEFAULT_POINT_OPTIONS.zIndex,
+        });
+        layer.setVisible(options.visible === undefined ? true : options.visible);
+        this.map.addLayer(layer);
+        const tick = () => {
+            if (!running)
+                return;
+            const duration = Math.max(1, pulseOptions.duration);
+            const now = typeof performance !== 'undefined' ? performance.now() : Date.now();
+            const nextFrameIndex = Math.floor(((now % duration) / duration) * pulseOptions.frameCount);
+            if (nextFrameIndex !== renderedFrameIndex) {
+                frameIndex = nextFrameIndex;
+                renderedFrameIndex = nextFrameIndex;
+                layer.changed();
+            }
+            rafId = requestAnimationFrame(tick);
+        };
+        const stop = () => {
+            running = false;
+            if (rafId !== null) {
+                cancelAnimationFrame(rafId);
+                rafId = null;
+            }
+        };
+        const start = () => {
+            if (running || !pulseOptions.enabled)
+                return;
+            running = true;
+            tick();
+        };
+        start();
+        return {
+            layer,
+            source,
+            start,
+            stop,
+            setVisible: (visible) => {
+                layer.setVisible(visible);
+            },
+            updateData: (nextData) => {
+                source.clear();
+                source.addFeatures(this.createPulsePointFeatures(nextData, options));
+            },
+            remove: () => {
+                stop();
+                source.clear();
+                this.map.removeLayer(layer);
+            }
+        };
+    }
     // // 在流域中心添加闪烁点位
     // addTwinkleLayerFromPolygon(twinkleList: any[], className: string, key: string, json: MapJSONData, options?: PolygonOptions) {
     //   new MapTools(this.map).removeLayer('twinklePoint')

package/docs/.vitepress/dist/404.html

@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang="zh-CN" dir="ltr">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width,initial-scale=1">
+    <title>404 | MyOpenLayer</title>
+    <meta name="description" content="Not Found">
+    <meta name="generator" content="VitePress v1.6.4">
+    <link rel="preload stylesheet" href="/my-openlayer/assets/style.C2pAQzDq.css" as="style">
+    <link rel="preload stylesheet" href="/my-openlayer/vp-icons.css" as="style">
+    
+    <script type="module" src="/my-openlayer/assets/app.YvjVuxaB.js"></script>
+    <link rel="preload" href="/my-openlayer/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
+    <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
+    <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"configmanager.md\":\"BOMdGTaa\",\"errorhandler.md\":\"yUiuJ9w9\",\"eventmanager.md\":\"BhCUVy1f\",\"index.md\":\"BJz6tHSr\",\"line.md\":\"BAQOzmSt\",\"mapbaselayers.md\":\"Bw0L_m0b\",\"maptools.md\":\"DaYgiDPe\",\"measurehandler.md\":\"7Sf4ymRv\",\"myol.md\":\"D-14Gzjy\",\"point.md\":\"Bi9juuuv\",\"polygon.md\":\"-JIqEvzD\",\"riverlayermanager.md\":\"CfUu2RxH\",\"selecthandler.md\":\"COR4ez_p\",\"validationutils.md\":\"ReTVWa73\",\"vuetemplatepoint.md\":\"CtxSb5Pm\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"MyOpenLayer\",\"description\":\"基于 OpenLayers 的现代地图组件库\",\"base\":\"/my-openlayer/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"nav\":[{\"text\":\"首页\",\"link\":\"/\"},{\"text\":\"指南\",\"link\":\"/MyOl\"},{\"text\":\"API\",\"link\":\"/MyOl\"},{\"text\":\"GitHub\",\"link\":\"https://github.com/cuteyuchen/my-openlayer\"}],\"sidebar\":[{\"text\":\"核心类库\",\"items\":[{\"text\":\"MyOl 地图入口\",\"link\":\"/MyOl\"},{\"text\":\"MapBaseLayers 底图管理\",\"link\":\"/MapBaseLayers\"},{\"text\":\"ConfigManager 配置管理\",\"link\":\"/ConfigManager\"},{\"text\":\"EventManager 事件管理\",\"link\":\"/EventManager\"},{\"text\":\"ErrorHandler 错误处理\",\"link\":\"/ErrorHandler\"}]},{\"text\":\"要素操作\",\"items\":[{\"text\":\"Point 点要素\",\"link\":\"/Point\"},{\"text\":\"Line 线要素\",\"link\":\"/Line\"},{\"text\":\"Polygon 面要素\",\"link\":\"/Polygon\"},{\"text\":\"VueTemplatePoint Vue点位\",\"link\":\"/VueTemplatePoint\"},{\"text\":\"RiverLayerManager 河流图层\",\"link\":\"/RiverLayerManager\"}]},{\"text\":\"交互与工具\",\"items\":[{\"text\":\"SelectHandler 要素选择\",\"link\":\"/SelectHandler\"},{\"text\":\"MeasureHandler 测量工具\",\"link\":\"/MeasureHandler\"},{\"text\":\"MapTools 地图工具\",\"link\":\"/MapTools\"},{\"text\":\"ValidationUtils 验证工具\",\"link\":\"/ValidationUtils\"}]}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/cuteyuchen/my-openlayer\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2024-present\"}},\"locales\":{},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    
+  </body>
+</html>

package/docs/.vitepress/dist/ConfigManager.html

@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html lang="zh-CN" dir="ltr">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width,initial-scale=1">
+    <title>ConfigManager 配置管理 | MyOpenLayer</title>
+    <meta name="description" content="基于 OpenLayers 的现代地图组件库">
+    <meta name="generator" content="VitePress v1.6.4">
+    <link rel="preload stylesheet" href="/my-openlayer/assets/style.C2pAQzDq.css" as="style">
+    <link rel="preload stylesheet" href="/my-openlayer/vp-icons.css" as="style">
+    
+    <script type="module" src="/my-openlayer/assets/app.YvjVuxaB.js"></script>
+    <link rel="preload" href="/my-openlayer/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
+    <link rel="modulepreload" href="/my-openlayer/assets/chunks/theme.Bf87fILP.js">
+    <link rel="modulepreload" href="/my-openlayer/assets/chunks/framework.C_W0ODpn.js">
+    <link rel="modulepreload" href="/my-openlayer/assets/ConfigManager.md.BOMdGTaa.lean.js">
+    <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
+    <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
+  </head>
+  <body>
+    <div id="app"><div class="Layout" data-v-5d98c3a5><!--[--><!--]--><!--[--><span tabindex="-1" data-v-0b0ada53></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-0b0ada53>Skip to content</a><!--]--><!----><header class="VPNav" data-v-5d98c3a5 data-v-ae24b3ad><div class="VPNavBar" data-v-ae24b3ad data-v-6aa21345><div class="wrapper" data-v-6aa21345><div class="container" data-v-6aa21345><div class="title" data-v-6aa21345><div class="VPNavBarTitle has-sidebar" data-v-6aa21345 data-v-1168a8e4><a class="title" href="/my-openlayer/" data-v-1168a8e4><!--[--><!--]--><!----><span data-v-1168a8e4>MyOpenLayer</span><!--[--><!--]--></a></div></div><div class="content" data-v-6aa21345><div class="content-body" data-v-6aa21345><!--[--><!--]--><div class="VPNavBarSearch search" data-v-6aa21345><!----></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-6aa21345 data-v-dc692963><span id="main-nav-aria-label" class="visually-hidden" data-v-dc692963> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/my-openlayer/" tabindex="0" data-v-dc692963 data-v-e56f3d57><!--[--><span data-v-e56f3d57>首页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/my-openlayer/MyOl.html" tabindex="0" data-v-dc692963 data-v-e56f3d57><!--[--><span data-v-e56f3d57>指南</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/my-openlayer/MyOl.html" tabindex="0" data-v-dc692963 data-v-e56f3d57><!--[--><span data-v-e56f3d57>API</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://github.com/cuteyuchen/my-openlayer" target="_blank" rel="noreferrer" tabindex="0" data-v-dc692963 data-v-e56f3d57><!--[--><span data-v-e56f3d57>GitHub</span><!--]--></a><!--]--><!--]--></nav><!----><div class="VPNavBarAppearance appearance" data-v-6aa21345 data-v-6c893767><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-6c893767 data-v-5337faa4 data-v-1d5665e3><span class="check" data-v-1d5665e3><span class="icon" data-v-1d5665e3><!--[--><span class="vpi-sun sun" data-v-5337faa4></span><span class="vpi-moon moon" data-v-5337faa4></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-6aa21345 data-v-0394ad82 data-v-7bc22406><!--[--><a class="VPSocialLink no-icon" href="https://github.com/cuteyuchen/my-openlayer" aria-label="github" target="_blank" rel="noopener" data-v-7bc22406 data-v-bd121fe5><span class="vpi-social-github"></span></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-6aa21345 data-v-bb2aa2f0 data-v-cf11d7a2><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-cf11d7a2><span class="vpi-more-horizontal icon" data-v-cf11d7a2></span></button><div class="menu" data-v-cf11d7a2><div class="VPMenu" data-v-cf11d7a2 data-v-b98bc113><!----><!--[--><!--[--><!----><div class="group" data-v-bb2aa2f0><div class="item appearance" data-v-bb2aa2f0><p class="label" data-v-bb2aa2f0>Appearance</p><div class="appearance-action" data-v-bb2aa2f0><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-bb2aa2f0 data-v-5337faa4 data-v-1d5665e3><span class="check" data-v-1d5665e3><span class="icon" data-v-1d5665e3><!--[--><span class="vpi-sun sun" data-v-5337faa4></span><span class="vpi-moon moon" data-v-5337faa4></span><!--]--></span></span></button></div></div></div><div class="group" data-v-bb2aa2f0><div class="item social-links" data-v-bb2aa2f0><div class="VPSocialLinks social-links-list" data-v-bb2aa2f0 data-v-7bc22406><!--[--><a class="VPSocialLink no-icon" href="https://github.com/cuteyuchen/my-openlayer" aria-label="github" target="_blank" rel="noopener" data-v-7bc22406 data-v-bd121fe5><span class="vpi-social-github"></span></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-6aa21345 data-v-e5dd9c1c><span class="container" data-v-e5dd9c1c><span class="top" data-v-e5dd9c1c></span><span class="middle" data-v-e5dd9c1c></span><span class="bottom" data-v-e5dd9c1c></span></span></button></div></div></div></div><div class="divider" data-v-6aa21345><div class="divider-line" data-v-6aa21345></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-5d98c3a5 data-v-a6f0e41e><div class="container" data-v-a6f0e41e><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-a6f0e41e><span class="vpi-align-left menu-icon" data-v-a6f0e41e></span><span class="menu-text" data-v-a6f0e41e>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-a6f0e41e data-v-8a42e2b4><button data-v-8a42e2b4>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-5d98c3a5 data-v-319d5ca6><div class="curtain" data-v-319d5ca6></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-319d5ca6><span class="visually-hidden" id="sidebar-aria-label" data-v-319d5ca6> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-c40bc020><section class="VPSidebarItem level-0 has-active" data-v-c40bc020 data-v-b3fd67f8><div class="item" role="button" tabindex="0" data-v-b3fd67f8><div class="indicator" data-v-b3fd67f8></div><h2 class="text" data-v-b3fd67f8>核心类库</h2><!----></div><div class="items" data-v-b3fd67f8><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b3fd67f8 data-v-b3fd67f8><div class="item" data-v-b3fd67f8><div class="indicator" data-v-b3fd67f8></div><a class="VPLink link link" href="/my-openlayer/MyOl.html" data-v-b3fd67f8><!--[--><p class="text" data-v-b3fd67f8>MyOl 地图入口</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b3fd67f8 data-v-b3fd67f8><div class="item" data-v-b3fd67f8><div class="indicator" data-v-b3fd67f8></div><a class="VPLink link link" href="/my-openlayer/MapBaseLayers.html" data-v-b3fd67f8><!--[--><p class="text" data-v-b3fd67f8>MapBaseLayers 底图管理</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b3fd67f8 data-v-b3fd67f8><div class="item" data-v-b3fd67f8><div class="indicator" data-v-b3fd67f8></div><a class="VPLink link link" href="/my-openlayer/ConfigManager.html" data-v-b3fd67f8><!--[--><p class="text" data-v-b3fd67f8>ConfigManager 配置管理</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b3fd67f8 data-v-b3fd67f8><div class="item" data-v-b3fd67f8><div class="indicator" data-v-b3fd67f8></div><a class="VPLink link link" href="/my-openlayer/EventManager.html" data-v-b3fd67f8><!--[--><p class="text" data-v-b3fd67f8>EventManager 事件管理</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b3fd67f8 data-v-b3fd67f8><div class="item" data-v-b3fd67f8><div class="indicator" data-v-b3fd67f8></div><a class="VPLink link link" href="/my-openlayer/ErrorHandler.html" data-v-b3fd67f8><!--[--><p class="text" data-v-b3fd67f8>ErrorHandler 错误处理</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-c40bc020><section class="VPSidebarItem level-0" data-v-c40bc020 data-v-b3fd67f8><div class="item" role="button" tabindex="0" data-v-b3fd67f8><div class="indicator" data-v-b3fd67f8></div><h2 class="text" data-v-b3fd67f8>要素操作</h2><!----></div><div class="items" data-v-b3fd67f8><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b3fd67f8 data-v-b3fd67f8><div class="item" data-v-b3fd67f8><div class="indicator" data-v-b3fd67f8></div><a class="VPLink link link" href="/my-openlayer/Point.html" data-v-b3fd67f8><!--[--><p class="text" data-v-b3fd67f8>Point 点要素</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b3fd67f8 data-v-b3fd67f8><div class="item" data-v-b3fd67f8><div class="indicator" data-v-b3fd67f8></div><a class="VPLink link link" href="/my-openlayer/Line.html" data-v-b3fd67f8><!--[--><p class="text" data-v-b3fd67f8>Line 线要素</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b3fd67f8 data-v-b3fd67f8><div class="item" data-v-b3fd67f8><div class="indicator" data-v-b3fd67f8></div><a class="VPLink link link" href="/my-openlayer/Polygon.html" data-v-b3fd67f8><!--[--><p class="text" data-v-b3fd67f8>Polygon 面要素</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b3fd67f8 data-v-b3fd67f8><div class="item" data-v-b3fd67f8><div class="indicator" data-v-b3fd67f8></div><a class="VPLink link link" href="/my-openlayer/VueTemplatePoint.html" data-v-b3fd67f8><!--[--><p class="text" data-v-b3fd67f8>VueTemplatePoint Vue点位</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b3fd67f8 data-v-b3fd67f8><div class="item" data-v-b3fd67f8><div class="indicator" data-v-b3fd67f8></div><a class="VPLink link link" href="/my-openlayer/RiverLayerManager.html" data-v-b3fd67f8><!--[--><p class="text" data-v-b3fd67f8>RiverLayerManager 河流图层</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-c40bc020><section class="VPSidebarItem level-0" data-v-c40bc020 data-v-b3fd67f8><div class="item" role="button" tabindex="0" data-v-b3fd67f8><div class="indicator" data-v-b3fd67f8></div><h2 class="text" data-v-b3fd67f8>交互与工具</h2><!----></div><div class="items" data-v-b3fd67f8><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b3fd67f8 data-v-b3fd67f8><div class="item" data-v-b3fd67f8><div class="indicator" data-v-b3fd67f8></div><a class="VPLink link link" href="/my-openlayer/SelectHandler.html" data-v-b3fd67f8><!--[--><p class="text" data-v-b3fd67f8>SelectHandler 要素选择</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b3fd67f8 data-v-b3fd67f8><div class="item" data-v-b3fd67f8><div class="indicator" data-v-b3fd67f8></div><a class="VPLink link link" href="/my-openlayer/MeasureHandler.html" data-v-b3fd67f8><!--[--><p class="text" data-v-b3fd67f8>MeasureHandler 测量工具</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b3fd67f8 data-v-b3fd67f8><div class="item" data-v-b3fd67f8><div class="indicator" data-v-b3fd67f8></div><a class="VPLink link link" href="/my-openlayer/MapTools.html" data-v-b3fd67f8><!--[--><p class="text" data-v-b3fd67f8>MapTools 地图工具</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b3fd67f8 data-v-b3fd67f8><div class="item" data-v-b3fd67f8><div class="indicator" data-v-b3fd67f8></div><a class="VPLink link link" href="/my-openlayer/ValidationUtils.html" data-v-b3fd67f8><!--[--><p class="text" data-v-b3fd67f8>ValidationUtils 验证工具</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-5d98c3a5 data-v-1428d186><div class="VPDoc has-sidebar has-aside" data-v-1428d186 data-v-39a288b8><!--[--><!--]--><div class="container" data-v-39a288b8><div class="aside" data-v-39a288b8><div class="aside-curtain" data-v-39a288b8></div><div class="aside-container" data-v-39a288b8><div class="aside-content" data-v-39a288b8><div class="VPDocAside" data-v-39a288b8 data-v-3f215769><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-3f215769 data-v-a5bbad30><div class="content" data-v-a5bbad30><div class="outline-marker" data-v-a5bbad30></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-a5bbad30>On this page</div><ul class="VPDocOutlineItem root" data-v-a5bbad30 data-v-b933a997><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-3f215769></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-39a288b8><div class="content-container" data-v-39a288b8><!--[--><!--]--><main class="main" data-v-39a288b8><div style="position:relative;" class="vp-doc _my-openlayer_ConfigManager" data-v-39a288b8><div><h1 id="configmanager-配置管理" tabindex="-1">ConfigManager 配置管理 <a class="header-anchor" href="#configmanager-配置管理" aria-label="Permalink to &quot;ConfigManager 配置管理&quot;">​</a></h1><p><code>ConfigManager</code> 类用于统一管理地图组件的默认配置和常量。它提供了一系列静态只读属性，确保整个应用中使用一致的配置默认值。</p><h2 id="导入" tabindex="-1">导入 <a class="header-anchor" href="#导入" aria-label="Permalink to &quot;导入&quot;">​</a></h2><div class="language-typescript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { ConfigManager } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;my-openlayer&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><h2 id="静态属性" tabindex="-1">静态属性 <a class="header-anchor" href="#静态属性" aria-label="Permalink to &quot;静态属性&quot;">​</a></h2><p><code>ConfigManager</code> 包含以下类别的默认配置：</p><h3 id="点位配置-point-options" tabindex="-1">点位配置 (Point Options) <a class="header-anchor" href="#点位配置-point-options" aria-label="Permalink to &quot;点位配置 (Point Options)&quot;">​</a></h3><table tabindex="0"><thead><tr><th style="text-align:left;">属性名</th><th style="text-align:left;">类型</th><th style="text-align:left;">描述</th><th style="text-align:left;">默认值</th></tr></thead><tbody><tr><td style="text-align:left;"><code>DEFAULT_POINT_OPTIONS</code></td><td style="text-align:left;"><code>object</code></td><td style="text-align:left;">默认点位基础配置</td><td style="text-align:left;"><code>{ visible: true, zIndex: 21 }</code></td></tr><tr><td style="text-align:left;"><code>DEFAULT_POINT_TEXT_OPTIONS</code></td><td style="text-align:left;"><code>object</code></td><td style="text-align:left;">默认点位文本配置</td><td style="text-align:left;"><code>{ textFont: &#39;12px Calibri,sans-serif&#39;, textFillColor: &#39;#FFF&#39;, textStrokeColor: &#39;#000&#39;, textStrokeWidth: 3, textOffsetY: 20 }</code></td></tr><tr><td style="text-align:left;"><code>DEFAULT_POINT_ICON_SCALE</code></td><td style="text-align:left;"><code>number</code></td><td style="text-align:left;">默认图标缩放比例</td><td style="text-align:left;"><code>1</code></td></tr><tr><td style="text-align:left;"><code>DEFAULT_CLUSTER_OPTIONS</code></td><td style="text-align:left;"><code>object</code></td><td style="text-align:left;">默认聚合配置</td><td style="text-align:left;"><code>{ distance: 40, minDistance: 0, zIndex: 21 }</code></td></tr><tr><td style="text-align:left;"><code>DEFAULT_DOM_POINT_OVERLAY_OPTIONS</code></td><td style="text-align:left;"><code>object</code></td><td style="text-align:left;">默认 DOM 点覆盖物配置</td><td style="text-align:left;"><code>{ positioning: &#39;center-center&#39;, stopEvent: false }</code></td></tr></tbody></table><h3 id="线配置-line-options" tabindex="-1">线配置 (Line Options) <a class="header-anchor" href="#线配置-line-options" aria-label="Permalink to &quot;线配置 (Line Options)&quot;">​</a></h3><table tabindex="0"><thead><tr><th style="text-align:left;">属性名</th><th style="text-align:left;">类型</th><th style="text-align:left;">描述</th><th style="text-align:left;">默认值</th></tr></thead><tbody><tr><td style="text-align:left;"><code>DEFAULT_LINE_OPTIONS</code></td><td style="text-align:left;"><code>object</code></td><td style="text-align:left;">默认线样式配置</td><td style="text-align:left;"><code>{ type: &#39;line&#39;, strokeColor: &#39;rgba(3, 122, 255, 1)&#39;, strokeWidth: 2, visible: true, layerName: &#39;lineLayer&#39;, zIndex: 15 }</code></td></tr></tbody></table><h3 id="面配置-polygon-options" tabindex="-1">面配置 (Polygon Options) <a class="header-anchor" href="#面配置-polygon-options" aria-label="Permalink to &quot;面配置 (Polygon Options)&quot;">​</a></h3><table tabindex="0"><thead><tr><th style="text-align:left;">属性名</th><th style="text-align:left;">类型</th><th style="text-align:left;">描述</th><th style="text-align:left;">默认值</th></tr></thead><tbody><tr><td style="text-align:left;"><code>DEFAULT_POLYGON_OPTIONS</code></td><td style="text-align:left;"><code>object</code></td><td style="text-align:left;">默认面样式配置</td><td style="text-align:left;"><code>{ zIndex: 11, visible: true, textFont: &#39;14px Calibri,sans-serif&#39;, textFillColor: &#39;#FFF&#39;, textStrokeColor: &#39;#409EFF&#39;, textStrokeWidth: 2 }</code></td></tr><tr><td style="text-align:left;"><code>DEFAULT_POLYGON_COLOR_MAP</code></td><td style="text-align:left;"><code>object</code></td><td style="text-align:left;">默认面颜色映射 (用于分级渲染)</td><td style="text-align:left;"><code>{ &#39;0&#39;: &#39;rgba(255, 0, 0, 0.6)&#39;, &#39;1&#39;: &#39;rgba(245, 154, 35, 0.6)&#39;, ... }</code></td></tr></tbody></table><h2 id="使用示例" tabindex="-1">使用示例 <a class="header-anchor" href="#使用示例" aria-label="Permalink to &quot;使用示例&quot;">​</a></h2><h3 id="获取默认配置" tabindex="-1">获取默认配置 <a class="header-anchor" href="#获取默认配置" aria-label="Permalink to &quot;获取默认配置&quot;">​</a></h3><div class="language-typescript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { ConfigManager } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;my-openlayer&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
+<span class="line"></span>
+<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// 获取默认点位配置</span></span>
+<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> pointOptions</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
+<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  ...</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">ConfigManager.</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">DEFAULT_POINT_OPTIONS</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span></span>
+<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  ...</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">ConfigManager.</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">DEFAULT_POINT_TEXT_OPTIONS</span></span>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">};</span></span>
+<span class="line"></span>
+<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// 获取默认线配置</span></span>
+<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> lineOptions</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> ConfigManager.</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">DEFAULT_LINE_OPTIONS</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><h3 id="在自定义组件中使用" tabindex="-1">在自定义组件中使用 <a class="header-anchor" href="#在自定义组件中使用" aria-label="Permalink to &quot;在自定义组件中使用&quot;">​</a></h3><div class="language-typescript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { ConfigManager } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;my-openlayer&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
+<span class="line"></span>
+<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">class</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> MyComponent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
+<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  private</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;"> options</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> any</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
+<span class="line"></span>
+<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  constructor</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">options</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> any</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) {</span></span>
+<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">    // 合并用户配置和默认配置</span></span>
+<span class="line"><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">    this</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">.options </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
+<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">      ...</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">ConfigManager.</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">DEFAULT_POINT_OPTIONS</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span></span>
+<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">      ...</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">options</span></span>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    };</span></span>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  }</span></span>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-39a288b8 data-v-e257564d><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-e257564d><span class="visually-hidden" id="doc-footer-aria-label" data-v-e257564d>Pager</span><div class="pager" data-v-e257564d><a class="VPLink link pager-link prev" href="/my-openlayer/MapBaseLayers.html" data-v-e257564d><!--[--><span class="desc" data-v-e257564d>Previous page</span><span class="title" data-v-e257564d>MapBaseLayers 底图管理</span><!--]--></a></div><div class="pager" data-v-e257564d><a class="VPLink link pager-link next" href="/my-openlayer/EventManager.html" data-v-e257564d><!--[--><span class="desc" data-v-e257564d>Next page</span><span class="title" data-v-e257564d>EventManager 事件管理</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-5d98c3a5 data-v-e315a0ad><div class="container" data-v-e315a0ad><p class="message" data-v-e315a0ad>Released under the MIT License.</p><p class="copyright" data-v-e315a0ad>Copyright © 2024-present</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"configmanager.md\":\"BOMdGTaa\",\"errorhandler.md\":\"yUiuJ9w9\",\"eventmanager.md\":\"BhCUVy1f\",\"index.md\":\"BJz6tHSr\",\"line.md\":\"BAQOzmSt\",\"mapbaselayers.md\":\"Bw0L_m0b\",\"maptools.md\":\"DaYgiDPe\",\"measurehandler.md\":\"7Sf4ymRv\",\"myol.md\":\"D-14Gzjy\",\"point.md\":\"Bi9juuuv\",\"polygon.md\":\"-JIqEvzD\",\"riverlayermanager.md\":\"CfUu2RxH\",\"selecthandler.md\":\"COR4ez_p\",\"validationutils.md\":\"ReTVWa73\",\"vuetemplatepoint.md\":\"CtxSb5Pm\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"MyOpenLayer\",\"description\":\"基于 OpenLayers 的现代地图组件库\",\"base\":\"/my-openlayer/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"nav\":[{\"text\":\"首页\",\"link\":\"/\"},{\"text\":\"指南\",\"link\":\"/MyOl\"},{\"text\":\"API\",\"link\":\"/MyOl\"},{\"text\":\"GitHub\",\"link\":\"https://github.com/cuteyuchen/my-openlayer\"}],\"sidebar\":[{\"text\":\"核心类库\",\"items\":[{\"text\":\"MyOl 地图入口\",\"link\":\"/MyOl\"},{\"text\":\"MapBaseLayers 底图管理\",\"link\":\"/MapBaseLayers\"},{\"text\":\"ConfigManager 配置管理\",\"link\":\"/ConfigManager\"},{\"text\":\"EventManager 事件管理\",\"link\":\"/EventManager\"},{\"text\":\"ErrorHandler 错误处理\",\"link\":\"/ErrorHandler\"}]},{\"text\":\"要素操作\",\"items\":[{\"text\":\"Point 点要素\",\"link\":\"/Point\"},{\"text\":\"Line 线要素\",\"link\":\"/Line\"},{\"text\":\"Polygon 面要素\",\"link\":\"/Polygon\"},{\"text\":\"VueTemplatePoint Vue点位\",\"link\":\"/VueTemplatePoint\"},{\"text\":\"RiverLayerManager 河流图层\",\"link\":\"/RiverLayerManager\"}]},{\"text\":\"交互与工具\",\"items\":[{\"text\":\"SelectHandler 要素选择\",\"link\":\"/SelectHandler\"},{\"text\":\"MeasureHandler 测量工具\",\"link\":\"/MeasureHandler\"},{\"text\":\"MapTools 地图工具\",\"link\":\"/MapTools\"},{\"text\":\"ValidationUtils 验证工具\",\"link\":\"/ValidationUtils\"}]}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/cuteyuchen/my-openlayer\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2024-present\"}},\"locales\":{},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    
+  </body>
+</html>