my-openlayer 2.4.10 → 2.4.12

package/CHANGELOG.md

@@ -1,118 +1,20 @@
 # Changelog
 
-## [2.4.10] - 2026-03-31
+## [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.9] - 2026-03-05
+## [2.4.8] - 2026-01-30
 
 ### ✨ 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
-
-### ♻️ Refactor
-
-- **MapBaseLayers:** 重构图层管理逻辑，优化代码结构和可维护性
-- **ConfigManager:** 集中管理默认配置并移除无用接口
-- **样式处理:** 统一处理自定义样式逻辑并修复代码格式
-- 将nameKey重命名为textKey以提高语义清晰度
-- 更新依赖项并优化类型导出结构
-- **core:** 重构DomPoint和MapBaseLayers类，优化代码结构和功能
-
-### 📝 Documentation
-
-- 更新技能文档的名称与描述
-- 添加技能文档系统并更新项目文档结构
-- add vitepress documentation and github actions workflow
-- 添加详细模块文档并更新发布配置
-- update README with branch strategy and add migration guide
-
-# Changelog
-
-## [2.4.8] - 2026-01-30
-
-### ✨ 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/MyOl.js

@@ -149,8 +149,6 @@ class MyOl {
      */
     static createView(options = MyOl.DefaultOptions) {
         try {
-            // 确保坐标系已注册（支持独立调用 createView 而不先实例化 MyOl）
-            MyOl.initializeProjections(options);
             const code = options.projection?.code ?? MyOl.PROJECTIONS.CGCS2000;
             const projection = new olProjProjection({
                 code,

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>