my-openlayer 2.1.12 → 2.2.0

package/core/MapTools.d.ts

@@ -62,6 +62,15 @@ export default class MapTools {
      * @throws 当参数无效时抛出错误
      */
     static setLayerVisible: (map: Map, layerName: string, visible: boolean) => void;
+    /**
+     * 地图定位
+     * @param lgtd 经度
+     * @param lttd 纬度
+     * @param zoom 缩放级别
+     * @param duration 动画时长
+     * @returns 定位是否成功
+     */
+    locationAction(lgtd: number, lttd: number, zoom?: number, duration?: number): boolean;
     /**
      * 获取地图实例
      * @returns 地图实例

package/core/MapTools.js

@@ -189,6 +189,30 @@ class MapTools {
             throw new Error('Failed to set layer visibility');
         }
     }
+    /**
+     * 地图定位
+     * @param lgtd 经度
+     * @param lttd 纬度
+     * @param zoom 缩放级别
+     * @param duration 动画时长
+     * @returns 定位是否成功
+     */
+    locationAction(lgtd, lttd, zoom = 20, duration = 3000) {
+        if (!this.map) {
+            throw new Error('Map instance is not available');
+        }
+        if (!ValidationUtils.validateLngLat(lgtd, lttd)) {
+            return false;
+        }
+        try {
+            this.map.getView().animate({ center: [lgtd, lttd], zoom, duration });
+            return true;
+        }
+        catch (error) {
+            this.errorHandler.error('[地图定位]', '定位失败:', error);
+            return false;
+        }
+    }
     /**
      * 获取地图实例
      * @returns 地图实例

package/core/Point.d.ts

@@ -60,23 +60,11 @@ export default class Point {
      * @param twinkleList 闪烁点数据
      * @param callback
      */
-    addTwinkleLayer(twinkleList: TwinkleItem[], callback?: Function): {
+    addDomPoint(twinkleList: TwinkleItem[], callback?: Function): {
         anchors: Overlay[];
         remove: () => void;
         setVisible: (visible: boolean) => void;
     };
-    /**
-     * 地图定位
-     * @param lgtd 经度
-     * @param lttd 纬度
-     * @param zoom 缩放级别
-     * @param duration 动画时长
-     */
-    locationAction(lgtd: number, lttd: number, zoom?: number, duration?: number): boolean;
-    /**
-     * 设置dom元素为点位
-     */
-    addDomPoint(id: string, lgtd: number, lttd: number): boolean;
     /**
      * 添加vue组件为点位
      * @param pointDataList 点位信息列表
@@ -94,4 +82,13 @@ export default class Point {
         remove: () => void;
         getPoints: () => VueTemplatePointInstance[];
     };
+    /**
+   * 地图定位
+   * @deprecated 请使用 MapTools.locationAction 方法代替
+   * @param lgtd 经度
+   * @param lttd 纬度
+   * @param zoom 缩放级别
+   * @param duration 动画时长
+   */
+    locationAction(lgtd: number, lttd: number, zoom?: number, duration?: number): boolean;
 }

package/core/Point.js

@@ -8,7 +8,7 @@ import VectorSource from "ol/source/Vector";
 import { Cluster } from 'ol/source';
 import VueTemplatePoint from './VueTemplatePoint';
 import { ValidationUtils } from '../utils/ValidationUtils';
-import { ErrorHandler } from '../utils/ErrorHandler';
+import MapTools from './MapTools';
 export default class Point {
     constructor(map) {
         this.map = map;
@@ -246,7 +246,7 @@ export default class Point {
      * @param twinkleList 闪烁点数据
      * @param callback
      */
-    addTwinkleLayer(twinkleList, callback) {
+    addDomPoint(twinkleList, callback) {
         let anchors = [];
         twinkleList.forEach(twinkleItem => {
             // 创建DOM元素
@@ -293,58 +293,6 @@ export default class Point {
             }
         };
     }
-    /**
-     * 地图定位
-     * @param lgtd 经度
-     * @param lttd 纬度
-     * @param zoom 缩放级别
-     * @param duration 动画时长
-     */
-    locationAction(lgtd, lttd, zoom = 20, duration = 3000) {
-        if (!ValidationUtils.validateLngLat(lgtd, lttd)) {
-            return false;
-        }
-        try {
-            this.map.getView().animate({ center: [lgtd, lttd], zoom, duration });
-            return true;
-        }
-        catch (error) {
-            ErrorHandler.getInstance().error('[地图定位]', '定位失败:', error);
-            return false;
-        }
-    }
-    /**
-     * 设置dom元素为点位
-     */
-    addDomPoint(id, lgtd, lttd) {
-        if (!id) {
-            ErrorHandler.getInstance().error('Element ID is required');
-            return false;
-        }
-        if (!ValidationUtils.validateLngLat(lgtd, lttd)) {
-            return false;
-        }
-        const el = document.getElementById(id);
-        if (!el) {
-            ErrorHandler.getInstance().error(`Element with id '${id}' not found`);
-            return false;
-        }
-        try {
-            const anchor = new Overlay({
-                id: id,
-                element: el,
-                positioning: 'center-center',
-                stopEvent: false
-            });
-            anchor.setPosition([lgtd, lttd]);
-            this.map.addOverlay(anchor);
-            return true;
-        }
-        catch (error) {
-            ErrorHandler.getInstance().error('Failed to set DOM point:', error);
-            return false;
-        }
-    }
     /**
      * 添加vue组件为点位
      * @param pointDataList 点位信息列表
@@ -368,4 +316,15 @@ export default class Point {
             throw new Error(`Failed to create Vue template points: ${error}`);
         }
     }
+    /**
+   * 地图定位
+   * @deprecated 请使用 MapTools.locationAction 方法代替
+   * @param lgtd 经度
+   * @param lttd 纬度
+   * @param zoom 缩放级别
+   * @param duration 动画时长
+   */
+    locationAction(lgtd, lttd, zoom = 20, duration = 3000) {
+        return new MapTools(this.map).locationAction(lgtd, lttd, zoom, duration);
+    }
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "my-openlayer",
   "private": false,
-  "version": "2.1.12",
+  "version": "2.2.0",
   "type": "module",
   "main": "index.js",
   "types": "index.d.ts",