my-openlayer 2.0.0 → 2.1.0

package/core/EventManager.js

@@ -1,316 +1,316 @@
-import { ErrorHandler, ErrorType } from '../utils/ErrorHandler';
-/**
- * 事件管理器类
- * 用于统一管理地图事件的注册、触发和移除
- */
-export class EventManager {
-    /**
-     * 构造函数
-     * @param map OpenLayers地图实例
-     */
-    constructor(map) {
-        this.listeners = new Map();
-        this.eventCounters = new Map();
-        this.mapEventListeners = new Map();
-        ErrorHandler.validateMap(map);
-        this.map = map;
-        this.initializeEventCounters();
-    }
-    /**
-     * 初始化事件计数器
-     */
-    initializeEventCounters() {
-        const eventTypes = ['click', 'dblclick', 'hover', 'moveend', 'zoomend', 'pointermove', 'rendercomplete', 'error'];
-        eventTypes.forEach(type => {
-            this.eventCounters.set(type, 0);
-        });
-    }
-    /**
-     * 注册事件监听器
-     * @param type 事件类型
-     * @param callback 回调函数
-     * @param options 选项
-     * @returns 事件监听器ID
-     */
-    on(type, callback, options) {
-        ErrorHandler.validate(typeof callback === 'function', 'Event callback must be a function', { type, callback });
-        const id = this.generateListenerId(type);
-        const listener = {
-            id,
-            type,
-            callback,
-            options
-        };
-        this.listeners.set(id, listener);
-        this.attachMapEvent(type);
-        return id;
-    }
-    /**
-     * 移除事件监听器
-     * @param id 监听器ID
-     */
-    off(id) {
-        const listener = this.listeners.get(id);
-        if (!listener) {
-            return false;
-        }
-        this.listeners.delete(id);
-        // 如果该类型没有其他监听器了，移除地图事件监听器
-        const remainingListeners = this.getListenerCount(listener.type);
-        if (remainingListeners === 0) {
-            this.detachMapEvent(listener.type);
-        }
-        return true;
-    }
-    /**
-     * 移除指定类型的所有事件监听器
-     * @param type 事件类型
-     */
-    offAll(type) {
-        const idsToRemove = [];
-        this.listeners.forEach((listener, id) => {
-            if (listener.type === type) {
-                idsToRemove.push(id);
-            }
-        });
-        idsToRemove.forEach(id => {
-            this.listeners.delete(id);
-        });
-        // 移除对应的地图事件监听器
-        if (idsToRemove.length > 0) {
-            this.detachMapEvent(type);
-        }
-    }
-    /**
-     * 清除所有事件监听器
-     */
-    clear() {
-        this.listeners.clear();
-        // 移除所有地图事件监听器
-        this.mapEventListeners.forEach((_, type) => {
-            this.detachMapEvent(type);
-        });
-    }
-    /**
-     * 获取指定类型的监听器数量
-     * @param type 事件类型
-     */
-    getListenerCount(type) {
-        let count = 0;
-        this.listeners.forEach((listener) => {
-            if (listener.type === type) {
-                count++;
-            }
-        });
-        return count;
-    }
-    /**
-     * 生成监听器ID
-     * @param type 事件类型
-     */
-    generateListenerId(type) {
-        const counter = this.eventCounters.get(type) || 0;
-        this.eventCounters.set(type, counter + 1);
-        return `${type}_${counter + 1}_${Date.now()}`;
-    }
-    /**
-     * 附加地图事件
-     * @param type 事件类型
-     */
-    attachMapEvent(type) {
-        const existingListeners = this.getListenerCount(type);
-        if (existingListeners > 1) {
-            return; // 已经附加过该类型的事件
-        }
-        // 如果已经有地图事件监听器，先移除
-        if (this.mapEventListeners.has(type)) {
-            this.detachMapEvent(type);
-        }
-        let eventHandler;
-        let target = this.map;
-        let eventName;
-        switch (type) {
-            case 'click':
-                eventHandler = this.handleClickEvent.bind(this);
-                eventName = 'click';
-                break;
-            case 'dblclick':
-                eventHandler = this.handleDblClickEvent.bind(this);
-                eventName = 'dblclick';
-                break;
-            case 'hover':
-            case 'pointermove':
-                eventHandler = this.handlePointerMoveEvent.bind(this);
-                eventName = 'pointermove';
-                break;
-            case 'moveend':
-                eventHandler = this.handleMoveEndEvent.bind(this);
-                eventName = 'moveend';
-                break;
-            case 'zoomend':
-                eventHandler = this.handleZoomEndEvent.bind(this);
-                target = this.map.getView();
-                eventName = 'change:resolution';
-                break;
-            case 'rendercomplete':
-                eventHandler = this.handleRenderCompleteEvent.bind(this);
-                eventName = 'rendercomplete';
-                this.map.once(eventName, eventHandler);
-                this.mapEventListeners.set(type, { handler: eventHandler, target, eventName, isOnce: true });
-                return;
-            case 'error':
-                eventHandler = this.handleErrorEvent.bind(this);
-                eventName = 'error';
-                break;
-            default:
-                return;
-        }
-        target.on(eventName, eventHandler);
-        this.mapEventListeners.set(type, { handler: eventHandler, target, eventName, isOnce: false });
-    }
-    /**
-     * 移除地图事件监听器
-     * @param type 事件类型
-     */
-    detachMapEvent(type) {
-        const mapListener = this.mapEventListeners.get(type);
-        if (!mapListener) {
-            return;
-        }
-        const { handler, target, eventName } = mapListener;
-        target.un(eventName, handler);
-        this.mapEventListeners.delete(type);
-    }
-    /**
-     * 处理点击事件
-     * @param event 地图浏览器事件
-     */
-    handleClickEvent(event) {
-        const eventData = this.createEventData('click', event);
-        this.triggerListeners('click', eventData);
-    }
-    /**
-     * 处理双击事件
-     * @param event 地图浏览器事件
-     */
-    handleDblClickEvent(event) {
-        const eventData = this.createEventData('dblclick', event);
-        this.triggerListeners('dblclick', eventData);
-    }
-    /**
-     * 处理指针移动事件
-     * @param event 地图浏览器事件
-     */
-    handlePointerMoveEvent(event) {
-        const eventData = this.createEventData('pointermove', event);
-        this.triggerListeners('hover', eventData);
-        this.triggerListeners('pointermove', eventData);
-    }
-    /**
-     * 处理移动结束事件
-     */
-    handleMoveEndEvent() {
-        const eventData = {
-            type: 'moveend',
-            zoom: this.map.getView().getZoom(),
-            coordinate: this.map.getView().getCenter()
-        };
-        this.triggerListeners('moveend', eventData);
-    }
-    /**
-     * 处理缩放结束事件
-     */
-    handleZoomEndEvent() {
-        const eventData = {
-            type: 'zoomend',
-            zoom: this.map.getView().getZoom(),
-            coordinate: this.map.getView().getCenter()
-        };
-        this.triggerListeners('zoomend', eventData);
-    }
-    /**
-     * 处理渲染完成事件
-     */
-    handleRenderCompleteEvent() {
-        const eventData = {
-            type: 'rendercomplete',
-            zoom: this.map.getView().getZoom(),
-            coordinate: this.map.getView().getCenter()
-        };
-        this.triggerListeners('rendercomplete', eventData);
-    }
-    /**
-     * 处理错误事件
-     * @param error 错误对象
-     */
-    handleErrorEvent(error) {
-        const eventData = {
-            type: 'error',
-            originalEvent: error,
-            error: error
-        };
-        this.triggerListeners('error', eventData);
-    }
-    /**
-     * 创建事件数据
-     * @param type 事件类型
-     * @param event 原始事件
-     */
-    createEventData(type, event) {
-        const pixel = this.map.getEventPixel(event.originalEvent);
-        const features = this.map.getFeaturesAtPixel(pixel);
-        return {
-            type,
-            originalEvent: event.originalEvent,
-            coordinate: event.coordinate,
-            pixel,
-            features,
-            feature: features.length > 0 ? features[0] : undefined
-        };
-    }
-    /**
-     * 触发监听器
-     * @param type 事件类型
-     * @param eventData 事件数据
-     */
-    triggerListeners(type, eventData) {
-        const typeListeners = [];
-        this.listeners.forEach((listener) => {
-            if (listener.type === type) {
-                typeListeners.push(listener);
-            }
-        });
-        typeListeners.forEach((listener) => {
-            try {
-                // 应用过滤器
-                if (listener.options?.filter && !listener.options.filter(eventData)) {
-                    return;
-                }
-                // 执行回调
-                listener.callback(eventData);
-                // 如果是一次性监听器，移除它
-                if (listener.options?.once) {
-                    this.off(listener.id);
-                }
-            }
-            catch (error) {
-                ErrorHandler.getInstance().createAndHandleError(`Error in event listener: ${error}`, ErrorType.COMPONENT_ERROR, { listener, eventData, error });
-            }
-        });
-    }
-    /**
-     * 获取监听器信息（用于调试）
-     */
-    getListenersInfo() {
-        const result = [];
-        this.listeners.forEach((listener) => {
-            result.push({
-                id: listener.id,
-                type: listener.type,
-                hasFilter: !!listener.options?.filter,
-                isOnce: !!listener.options?.once
-            });
-        });
-        return result;
-    }
-}
+import { ErrorHandler, ErrorType } from '../utils/ErrorHandler';
+/**
+ * 事件管理器类
+ * 用于统一管理地图事件的注册、触发和移除
+ */
+export class EventManager {
+    /**
+     * 构造函数
+     * @param map OpenLayers地图实例
+     */
+    constructor(map) {
+        this.listeners = new Map();
+        this.eventCounters = new Map();
+        this.mapEventListeners = new Map();
+        ErrorHandler.validateMap(map);
+        this.map = map;
+        this.initializeEventCounters();
+    }
+    /**
+     * 初始化事件计数器
+     */
+    initializeEventCounters() {
+        const eventTypes = ['click', 'dblclick', 'hover', 'moveend', 'zoomend', 'pointermove', 'rendercomplete', 'error'];
+        eventTypes.forEach(type => {
+            this.eventCounters.set(type, 0);
+        });
+    }
+    /**
+     * 注册事件监听器
+     * @param type 事件类型
+     * @param callback 回调函数
+     * @param options 选项
+     * @returns 事件监听器ID
+     */
+    on(type, callback, options) {
+        ErrorHandler.validate(typeof callback === 'function', 'Event callback must be a function', { type, callback });
+        const id = this.generateListenerId(type);
+        const listener = {
+            id,
+            type,
+            callback,
+            options
+        };
+        this.listeners.set(id, listener);
+        this.attachMapEvent(type);
+        return id;
+    }
+    /**
+     * 移除事件监听器
+     * @param id 监听器ID
+     */
+    off(id) {
+        const listener = this.listeners.get(id);
+        if (!listener) {
+            return false;
+        }
+        this.listeners.delete(id);
+        // 如果该类型没有其他监听器了，移除地图事件监听器
+        const remainingListeners = this.getListenerCount(listener.type);
+        if (remainingListeners === 0) {
+            this.detachMapEvent(listener.type);
+        }
+        return true;
+    }
+    /**
+     * 移除指定类型的所有事件监听器
+     * @param type 事件类型
+     */
+    offAll(type) {
+        const idsToRemove = [];
+        this.listeners.forEach((listener, id) => {
+            if (listener.type === type) {
+                idsToRemove.push(id);
+            }
+        });
+        idsToRemove.forEach(id => {
+            this.listeners.delete(id);
+        });
+        // 移除对应的地图事件监听器
+        if (idsToRemove.length > 0) {
+            this.detachMapEvent(type);
+        }
+    }
+    /**
+     * 清除所有事件监听器
+     */
+    clear() {
+        this.listeners.clear();
+        // 移除所有地图事件监听器
+        this.mapEventListeners.forEach((_, type) => {
+            this.detachMapEvent(type);
+        });
+    }
+    /**
+     * 获取指定类型的监听器数量
+     * @param type 事件类型
+     */
+    getListenerCount(type) {
+        let count = 0;
+        this.listeners.forEach((listener) => {
+            if (listener.type === type) {
+                count++;
+            }
+        });
+        return count;
+    }
+    /**
+     * 生成监听器ID
+     * @param type 事件类型
+     */
+    generateListenerId(type) {
+        const counter = this.eventCounters.get(type) || 0;
+        this.eventCounters.set(type, counter + 1);
+        return `${type}_${counter + 1}_${Date.now()}`;
+    }
+    /**
+     * 附加地图事件
+     * @param type 事件类型
+     */
+    attachMapEvent(type) {
+        const existingListeners = this.getListenerCount(type);
+        if (existingListeners > 1) {
+            return; // 已经附加过该类型的事件
+        }
+        // 如果已经有地图事件监听器，先移除
+        if (this.mapEventListeners.has(type)) {
+            this.detachMapEvent(type);
+        }
+        let eventHandler;
+        let target = this.map;
+        let eventName;
+        switch (type) {
+            case 'click':
+                eventHandler = this.handleClickEvent.bind(this);
+                eventName = 'click';
+                break;
+            case 'dblclick':
+                eventHandler = this.handleDblClickEvent.bind(this);
+                eventName = 'dblclick';
+                break;
+            case 'hover':
+            case 'pointermove':
+                eventHandler = this.handlePointerMoveEvent.bind(this);
+                eventName = 'pointermove';
+                break;
+            case 'moveend':
+                eventHandler = this.handleMoveEndEvent.bind(this);
+                eventName = 'moveend';
+                break;
+            case 'zoomend':
+                eventHandler = this.handleZoomEndEvent.bind(this);
+                target = this.map.getView();
+                eventName = 'change:resolution';
+                break;
+            case 'rendercomplete':
+                eventHandler = this.handleRenderCompleteEvent.bind(this);
+                eventName = 'rendercomplete';
+                this.map.once(eventName, eventHandler);
+                this.mapEventListeners.set(type, { handler: eventHandler, target, eventName, isOnce: true });
+                return;
+            case 'error':
+                eventHandler = this.handleErrorEvent.bind(this);
+                eventName = 'error';
+                break;
+            default:
+                return;
+        }
+        target.on(eventName, eventHandler);
+        this.mapEventListeners.set(type, { handler: eventHandler, target, eventName, isOnce: false });
+    }
+    /**
+     * 移除地图事件监听器
+     * @param type 事件类型
+     */
+    detachMapEvent(type) {
+        const mapListener = this.mapEventListeners.get(type);
+        if (!mapListener) {
+            return;
+        }
+        const { handler, target, eventName } = mapListener;
+        target.un(eventName, handler);
+        this.mapEventListeners.delete(type);
+    }
+    /**
+     * 处理点击事件
+     * @param event 地图浏览器事件
+     */
+    handleClickEvent(event) {
+        const eventData = this.createEventData('click', event);
+        this.triggerListeners('click', eventData);
+    }
+    /**
+     * 处理双击事件
+     * @param event 地图浏览器事件
+     */
+    handleDblClickEvent(event) {
+        const eventData = this.createEventData('dblclick', event);
+        this.triggerListeners('dblclick', eventData);
+    }
+    /**
+     * 处理指针移动事件
+     * @param event 地图浏览器事件
+     */
+    handlePointerMoveEvent(event) {
+        const eventData = this.createEventData('pointermove', event);
+        this.triggerListeners('hover', eventData);
+        this.triggerListeners('pointermove', eventData);
+    }
+    /**
+     * 处理移动结束事件
+     */
+    handleMoveEndEvent() {
+        const eventData = {
+            type: 'moveend',
+            zoom: this.map.getView().getZoom(),
+            coordinate: this.map.getView().getCenter()
+        };
+        this.triggerListeners('moveend', eventData);
+    }
+    /**
+     * 处理缩放结束事件
+     */
+    handleZoomEndEvent() {
+        const eventData = {
+            type: 'zoomend',
+            zoom: this.map.getView().getZoom(),
+            coordinate: this.map.getView().getCenter()
+        };
+        this.triggerListeners('zoomend', eventData);
+    }
+    /**
+     * 处理渲染完成事件
+     */
+    handleRenderCompleteEvent() {
+        const eventData = {
+            type: 'rendercomplete',
+            zoom: this.map.getView().getZoom(),
+            coordinate: this.map.getView().getCenter()
+        };
+        this.triggerListeners('rendercomplete', eventData);
+    }
+    /**
+     * 处理错误事件
+     * @param error 错误对象
+     */
+    handleErrorEvent(error) {
+        const eventData = {
+            type: 'error',
+            originalEvent: error,
+            error: error
+        };
+        this.triggerListeners('error', eventData);
+    }
+    /**
+     * 创建事件数据
+     * @param type 事件类型
+     * @param event 原始事件
+     */
+    createEventData(type, event) {
+        const pixel = this.map.getEventPixel(event.originalEvent);
+        const features = this.map.getFeaturesAtPixel(pixel);
+        return {
+            type,
+            originalEvent: event.originalEvent,
+            coordinate: event.coordinate,
+            pixel,
+            features,
+            feature: features.length > 0 ? features[0] : undefined
+        };
+    }
+    /**
+     * 触发监听器
+     * @param type 事件类型
+     * @param eventData 事件数据
+     */
+    triggerListeners(type, eventData) {
+        const typeListeners = [];
+        this.listeners.forEach((listener) => {
+            if (listener.type === type) {
+                typeListeners.push(listener);
+            }
+        });
+        typeListeners.forEach((listener) => {
+            try {
+                // 应用过滤器
+                if (listener.options?.filter && !listener.options.filter(eventData)) {
+                    return;
+                }
+                // 执行回调
+                listener.callback(eventData);
+                // 如果是一次性监听器，移除它
+                if (listener.options?.once) {
+                    this.off(listener.id);
+                }
+            }
+            catch (error) {
+                ErrorHandler.getInstance().createAndHandleError(`Error in event listener: ${error}`, ErrorType.COMPONENT_ERROR, { listener, eventData, error });
+            }
+        });
+    }
+    /**
+     * 获取监听器信息（用于调试）
+     */
+    getListenersInfo() {
+        const result = [];
+        this.listeners.forEach((listener) => {
+            result.push({
+                id: listener.id,
+                type: listener.type,
+                hasFilter: !!listener.options?.filter,
+                isOnce: !!listener.options?.once
+            });
+        });
+        return result;
+    }
+}