my-openlayer 1.0.14 → 2.0.0

package/core/ConfigManager.js

@@ -1,112 +1,112 @@
-/**
- * 配置管理类
- * 用于统一管理默认配置和验证
- */
-export class ConfigManager {
-    /**
-     * 合并配置选项
-     * @param defaultOptions 默认配置
-     * @param userOptions 用户配置
-     * @returns 合并后的配置
-     */
-    static mergeOptions(defaultOptions, userOptions) {
-        return {
-            ...defaultOptions,
-            ...userOptions
-        };
-    }
-    /**
-     * 生成唯一ID
-     * @param prefix 前缀
-     * @returns 唯一ID
-     */
-    static generateId(prefix = 'id') {
-        return `${prefix}_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;
-    }
-    /**
-     * 深度克隆对象
-     * @param obj 要克隆的对象
-     * @returns 克隆后的对象
-     */
-    static deepClone(obj) {
-        if (obj === null || typeof obj !== 'object') {
-            return obj;
-        }
-        if (obj instanceof Date) {
-            return new Date(obj.getTime());
-        }
-        if (Array.isArray(obj)) {
-            return obj.map(item => ConfigManager.deepClone(item));
-        }
-        const cloned = {};
-        for (const key in obj) {
-            if (obj.hasOwnProperty(key)) {
-                cloned[key] = ConfigManager.deepClone(obj[key]);
-            }
-        }
-        return cloned;
-    }
-}
-/**
- * 默认点位配置
- */
-ConfigManager.DEFAULT_POINT_OPTIONS = {
-    strokeColor: '#409EFF',
-    strokeWidth: 2,
-    fillColor: 'rgba(64, 158, 255, 0.3)',
-    opacity: 1,
-    visible: true,
-    layerName: 'pointLayer',
-    zIndex: 10
-};
-/**
- * 默认线配置
- */
-ConfigManager.DEFAULT_LINE_OPTIONS = {
-    strokeColor: '#409EFF',
-    strokeWidth: 2,
-    opacity: 1,
-    visible: true,
-    layerName: 'lineLayer',
-    zIndex: 10
-};
-/**
- * 默认面配置
- */
-ConfigManager.DEFAULT_POLYGON_OPTIONS = {
-    strokeColor: '#EBEEF5',
-    strokeWidth: 2,
-    fillColor: 'rgba(255, 255, 255, 0.3)',
-    opacity: 1,
-    visible: true,
-    layerName: 'polygonLayer',
-    zIndex: 10
-};
-/**
- * 默认图片图层配置
- */
-ConfigManager.DEFAULT_IMAGE_OPTIONS = {
-    opacity: 1,
-    visible: true,
-    layerName: 'imageLayer',
-    zIndex: 11
-};
-/**
- * 默认遮罩图层配置
- */
-ConfigManager.DEFAULT_MASK_OPTIONS = {
-    fillColor: 'rgba(0, 0, 0, 0.5)',
-    opacity: 1,
-    visible: true,
-    layerName: 'maskLayer',
-    zIndex: 12
-};
-/**
- * 默认文本配置
- */
-ConfigManager.DEFAULT_TEXT_OPTIONS = {
-    textFont: '14px Calibri,sans-serif',
-    textFillColor: '#FFF',
-    textStrokeColor: '#409EFF',
-    textStrokeWidth: 2
-};
+/**
+ * 配置管理类
+ * 用于统一管理默认配置和验证
+ */
+export class ConfigManager {
+    /**
+     * 合并配置选项
+     * @param defaultOptions 默认配置
+     * @param userOptions 用户配置
+     * @returns 合并后的配置
+     */
+    static mergeOptions(defaultOptions, userOptions) {
+        return {
+            ...defaultOptions,
+            ...userOptions
+        };
+    }
+    /**
+     * 生成唯一ID
+     * @param prefix 前缀
+     * @returns 唯一ID
+     */
+    static generateId(prefix = 'id') {
+        return `${prefix}_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;
+    }
+    /**
+     * 深度克隆对象
+     * @param obj 要克隆的对象
+     * @returns 克隆后的对象
+     */
+    static deepClone(obj) {
+        if (obj === null || typeof obj !== 'object') {
+            return obj;
+        }
+        if (obj instanceof Date) {
+            return new Date(obj.getTime());
+        }
+        if (Array.isArray(obj)) {
+            return obj.map(item => ConfigManager.deepClone(item));
+        }
+        const cloned = {};
+        for (const key in obj) {
+            if (obj.hasOwnProperty(key)) {
+                cloned[key] = ConfigManager.deepClone(obj[key]);
+            }
+        }
+        return cloned;
+    }
+}
+/**
+ * 默认点位配置
+ */
+ConfigManager.DEFAULT_POINT_OPTIONS = {
+    strokeColor: '#409EFF',
+    strokeWidth: 2,
+    fillColor: 'rgba(64, 158, 255, 0.3)',
+    opacity: 1,
+    visible: true,
+    layerName: 'pointLayer',
+    zIndex: 10
+};
+/**
+ * 默认线配置
+ */
+ConfigManager.DEFAULT_LINE_OPTIONS = {
+    strokeColor: '#409EFF',
+    strokeWidth: 2,
+    opacity: 1,
+    visible: true,
+    layerName: 'lineLayer',
+    zIndex: 10
+};
+/**
+ * 默认面配置
+ */
+ConfigManager.DEFAULT_POLYGON_OPTIONS = {
+    strokeColor: '#EBEEF5',
+    strokeWidth: 2,
+    fillColor: 'rgba(255, 255, 255, 0.3)',
+    opacity: 1,
+    visible: true,
+    layerName: 'polygonLayer',
+    zIndex: 10
+};
+/**
+ * 默认图片图层配置
+ */
+ConfigManager.DEFAULT_IMAGE_OPTIONS = {
+    opacity: 1,
+    visible: true,
+    layerName: 'imageLayer',
+    zIndex: 11
+};
+/**
+ * 默认遮罩图层配置
+ */
+ConfigManager.DEFAULT_MASK_OPTIONS = {
+    fillColor: 'rgba(0, 0, 0, 0.5)',
+    opacity: 1,
+    visible: true,
+    layerName: 'maskLayer',
+    zIndex: 12
+};
+/**
+ * 默认文本配置
+ */
+ConfigManager.DEFAULT_TEXT_OPTIONS = {
+    textFont: '14px Calibri,sans-serif',
+    textFillColor: '#FFF',
+    textStrokeColor: '#409EFF',
+    textStrokeWidth: 2
+};

package/core/DomPoint.d.ts

@@ -0,0 +1,21 @@
+import Map from "ol/Map";
+interface Options {
+    Vue: any;
+    Template: any;
+    lgtd: number;
+    lttd: number;
+    props?: any;
+    type?: string;
+    sttp?: string;
+    zIndex?: number;
+}
+export default class DomPoint {
+    private map;
+    private app;
+    private anchor;
+    private dom;
+    constructor(map: Map, options: Options);
+    setVisible(visible: boolean): void;
+    remove(): void;
+}
+export {};

package/core/DomPoint.js

@@ -0,0 +1,36 @@
+// import { createApp } from "vue";
+import Overlay from "ol/Overlay";
+export default class DomPoint {
+    constructor(map, options) {
+        this.map = map;
+        const { Vue, Template, lgtd, lttd, props, } = options;
+        this.dom = document.createElement('div');
+        this.map.getViewport().appendChild(this.dom);
+        if (Vue.version.startsWith('3')) {
+            this.app = Vue.createApp(Object.assign(Template, {
+                props: { ...props }
+            }));
+            this.app.mount(this.dom);
+        }
+        else {
+            this.app = new Vue({
+                el: this.dom,
+                render: (h) => h(Template, { props })
+            });
+        }
+        this.anchor = new Overlay({
+            element: this.dom,
+            positioning: 'center-center',
+            stopEvent: false
+        });
+        this.anchor.setPosition([lgtd, lttd]);
+        this.map.addOverlay(this.anchor);
+    }
+    setVisible(visible) {
+        this.dom.style.visibility = visible ? 'visible' : 'hidden';
+    }
+    remove() {
+        this.app.unmount();
+        this.map.removeOverlay(this.anchor);
+    }
+}

package/core/EventManager.d.ts

@@ -1,141 +1,141 @@
-import { Map as OLMap } from 'ol';
-import { Pixel } from 'ol/pixel';
-import { FeatureLike } from 'ol/Feature';
-/**
- * 事件类型定义
- */
-export type MapEventType = 'click' | 'dblclick' | 'hover' | 'moveend' | 'zoomend' | 'pointermove' | 'rendercomplete' | 'error';
-/**
- * 事件回调函数类型
- */
-export type EventCallback = (event: MapEventData) => void;
-/**
- * 地图事件数据接口
- */
-export interface MapEventData {
-    type: MapEventType;
-    originalEvent?: Event;
-    coordinate?: number[];
-    pixel?: Pixel;
-    features?: FeatureLike[];
-    feature?: FeatureLike;
-    zoom?: number;
-    [key: string]: any;
-}
-/**
- * 事件管理器类
- * 用于统一管理地图事件的注册、触发和移除
- */
-export declare class EventManager {
-    private readonly map;
-    private listeners;
-    private eventCounters;
-    private mapEventListeners;
-    /**
-     * 构造函数
-     * @param map OpenLayers地图实例
-     */
-    constructor(map: OLMap);
-    /**
-     * 初始化事件计数器
-     */
-    private initializeEventCounters;
-    /**
-     * 注册事件监听器
-     * @param type 事件类型
-     * @param callback 回调函数
-     * @param options 选项
-     * @returns 事件监听器ID
-     */
-    on(type: MapEventType, callback: EventCallback, options?: {
-        once?: boolean;
-        filter?: (event: MapEventData) => boolean;
-    }): string;
-    /**
-     * 移除事件监听器
-     * @param id 监听器ID
-     */
-    off(id: string): boolean;
-    /**
-     * 移除指定类型的所有事件监听器
-     * @param type 事件类型
-     */
-    offAll(type: MapEventType): void;
-    /**
-     * 清除所有事件监听器
-     */
-    clear(): void;
-    /**
-     * 获取指定类型的监听器数量
-     * @param type 事件类型
-     */
-    getListenerCount(type: MapEventType): number;
-    /**
-     * 生成监听器ID
-     * @param type 事件类型
-     */
-    private generateListenerId;
-    /**
-     * 附加地图事件
-     * @param type 事件类型
-     */
-    private attachMapEvent;
-    /**
-     * 移除地图事件监听器
-     * @param type 事件类型
-     */
-    private detachMapEvent;
-    /**
-     * 处理点击事件
-     * @param event 地图浏览器事件
-     */
-    private handleClickEvent;
-    /**
-     * 处理双击事件
-     * @param event 地图浏览器事件
-     */
-    private handleDblClickEvent;
-    /**
-     * 处理指针移动事件
-     * @param event 地图浏览器事件
-     */
-    private handlePointerMoveEvent;
-    /**
-     * 处理移动结束事件
-     */
-    private handleMoveEndEvent;
-    /**
-     * 处理缩放结束事件
-     */
-    private handleZoomEndEvent;
-    /**
-     * 处理渲染完成事件
-     */
-    private handleRenderCompleteEvent;
-    /**
-     * 处理错误事件
-     * @param error 错误对象
-     */
-    private handleErrorEvent;
-    /**
-     * 创建事件数据
-     * @param type 事件类型
-     * @param event 原始事件
-     */
-    private createEventData;
-    /**
-     * 触发监听器
-     * @param type 事件类型
-     * @param eventData 事件数据
-     */
-    private triggerListeners;
-    /**
-     * 获取监听器信息（用于调试）
-     */
-    getListenersInfo(): Array<{
-        id: string;
-        type: MapEventType;
-        hasFilter: boolean;
-        isOnce: boolean;
-    }>;
-}
+import { Map as OLMap } from 'ol';
+import { Pixel } from 'ol/pixel';
+import { FeatureLike } from 'ol/Feature';
+/**
+ * 事件类型定义
+ */
+export type MapEventType = 'click' | 'dblclick' | 'hover' | 'moveend' | 'zoomend' | 'pointermove' | 'rendercomplete' | 'error';
+/**
+ * 事件回调函数类型
+ */
+export type EventCallback = (event: MapEventData) => void;
+/**
+ * 地图事件数据接口
+ */
+export interface MapEventData {
+    type: MapEventType;
+    originalEvent?: Event;
+    coordinate?: number[];
+    pixel?: Pixel;
+    features?: FeatureLike[];
+    feature?: FeatureLike;
+    zoom?: number;
+    [key: string]: any;
+}
+/**
+ * 事件管理器类
+ * 用于统一管理地图事件的注册、触发和移除
+ */
+export declare class EventManager {
+    private readonly map;
+    private listeners;
+    private eventCounters;
+    private mapEventListeners;
+    /**
+     * 构造函数
+     * @param map OpenLayers地图实例
+     */
+    constructor(map: OLMap);
+    /**
+     * 初始化事件计数器
+     */
+    private initializeEventCounters;
+    /**
+     * 注册事件监听器
+     * @param type 事件类型
+     * @param callback 回调函数
+     * @param options 选项
+     * @returns 事件监听器ID
+     */
+    on(type: MapEventType, callback: EventCallback, options?: {
+        once?: boolean;
+        filter?: (event: MapEventData) => boolean;
+    }): string;
+    /**
+     * 移除事件监听器
+     * @param id 监听器ID
+     */
+    off(id: string): boolean;
+    /**
+     * 移除指定类型的所有事件监听器
+     * @param type 事件类型
+     */
+    offAll(type: MapEventType): void;
+    /**
+     * 清除所有事件监听器
+     */
+    clear(): void;
+    /**
+     * 获取指定类型的监听器数量
+     * @param type 事件类型
+     */
+    getListenerCount(type: MapEventType): number;
+    /**
+     * 生成监听器ID
+     * @param type 事件类型
+     */
+    private generateListenerId;
+    /**
+     * 附加地图事件
+     * @param type 事件类型
+     */
+    private attachMapEvent;
+    /**
+     * 移除地图事件监听器
+     * @param type 事件类型
+     */
+    private detachMapEvent;
+    /**
+     * 处理点击事件
+     * @param event 地图浏览器事件
+     */
+    private handleClickEvent;
+    /**
+     * 处理双击事件
+     * @param event 地图浏览器事件
+     */
+    private handleDblClickEvent;
+    /**
+     * 处理指针移动事件
+     * @param event 地图浏览器事件
+     */
+    private handlePointerMoveEvent;
+    /**
+     * 处理移动结束事件
+     */
+    private handleMoveEndEvent;
+    /**
+     * 处理缩放结束事件
+     */
+    private handleZoomEndEvent;
+    /**
+     * 处理渲染完成事件
+     */
+    private handleRenderCompleteEvent;
+    /**
+     * 处理错误事件
+     * @param error 错误对象
+     */
+    private handleErrorEvent;
+    /**
+     * 创建事件数据
+     * @param type 事件类型
+     * @param event 原始事件
+     */
+    private createEventData;
+    /**
+     * 触发监听器
+     * @param type 事件类型
+     * @param eventData 事件数据
+     */
+    private triggerListeners;
+    /**
+     * 获取监听器信息（用于调试）
+     */
+    getListenersInfo(): Array<{
+        id: string;
+        type: MapEventType;
+        hasFilter: boolean;
+        isOnce: boolean;
+    }>;
+}