vue-openlayers-plugin 1.0.13 → 1.0.15

package/lib/{index-03592281.mjs → index-c9143e86.mjs}

@@ -19721,6 +19721,27 @@ function mitt(n2) {
     });
   } };
 }
+class LayerEventBus {
+  constructor() {
+    __publicField(this, "emitter");
+    this.emitter = mitt();
+  }
+  emit(type, event) {
+    this.emitter.emit(type, event);
+  }
+  on(type, handler) {
+    this.emitter.on(type, handler);
+  }
+  off(type, handler) {
+    this.emitter.off(type, handler);
+  }
+  clear() {
+    this.emitter.all.clear();
+  }
+}
+function createLayerEventBus() {
+  return new LayerEventBus();
+}
 const layerEventBus = mitt();
 const tdtImgUrl = "data:image/png;base64,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";
 const tdtVecUrl = "data:image/png;base64,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";
@@ -19771,7 +19792,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
           return lastVisibleBasemap;
         }
       }
-      return "tianditu-img";
+      return null;
     };
     const selectedBasemap = ref(getInitialSelectedBasemap());
     const handleClose = () => {
@@ -19793,6 +19814,12 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
       },
       { deep: true, immediate: false }
     );
+    watch(
+      () => selectedBasemap.value,
+      (newValue, oldValue) => {
+        console.log("BasemapPanel: selectedBasemap changed from", oldValue, "to", newValue);
+      }
+    );
     onMounted(() => {
       layerEventBus.on("basemap-changed", handleBasemapChanged);
     });
@@ -19925,14 +19952,26 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
       return tdtImgUrl;
     };
     const selectBasemap = (basemap) => {
-      selectedBasemap.value = basemap.id;
-      layerEventBus.emit("basemap-switch-request", {
-        basemapId: basemap.id,
-        basemapName: basemap.name,
-        basemapType: basemap.type,
-        basemapConfig: basemap
-      });
-      console.log("BasemapPanel: 请求切换底图到:", basemap.name);
+      const wasSelected = selectedBasemap.value === basemap.id;
+      selectedBasemap.value = wasSelected ? null : basemap.id;
+      if (wasSelected) {
+        layerEventBus.emit("basemap-switch-request", {
+          basemapId: basemap.id,
+          basemapName: basemap.name,
+          basemapType: basemap.type,
+          basemapConfig: null
+          // 传递null表示关闭底图
+        });
+        console.log("BasemapPanel: 请求关闭底图:", basemap.name);
+      } else {
+        layerEventBus.emit("basemap-switch-request", {
+          basemapId: basemap.id,
+          basemapName: basemap.name,
+          basemapType: basemap.type,
+          basemapConfig: basemap
+        });
+        console.log("BasemapPanel: 请求切换底图到:", basemap.name);
+      }
     };
     return (_ctx, _cache) => {
       return openBlock(), createBlock(CustomDialog, {
@@ -19977,7 +20016,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const BasemapPanel = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-14d393d4"]]);
+const BasemapPanel = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-156831b6"]]);
 class Feature extends BaseObject$1 {
   /**
    * @param {Geometry|ObjectWithGeometry<Geometry>} [geometryOrProperties]
@@ -45537,18 +45576,23 @@ const _LayerFactory = class _LayerFactory {
 __publicField(_LayerFactory, "instance");
 let LayerFactory = _LayerFactory;
 const layerFactory = LayerFactory.getInstance();
-const STORAGE_KEYS = {
-  MEASUREMENTS: "openlayer_measurements",
-  LAYER_CONFIGS: "openlayer_layer_configs",
-  MAP_STATE: "openlayer_map_state"
-};
 class MapStorage {
+  constructor(instanceId) {
+    __publicField(this, "storageKeys");
+    __publicField(this, "instanceId");
+    this.instanceId = instanceId || "default";
+    this.storageKeys = {
+      MEASUREMENTS: `${this.instanceId}_openlayer_measurements`,
+      LAYER_CONFIGS: `${this.instanceId}_openlayer_layer_configs`,
+      MAP_STATE: `${this.instanceId}_openlayer_map_state`
+    };
+  }
   /**
    * 保存测量结果
    */
-  static saveMeasurements(measurements) {
+  saveMeasurements(measurements) {
     try {
-      localStorage.setItem(STORAGE_KEYS.MEASUREMENTS, JSON.stringify(measurements));
+      localStorage.setItem(this.storageKeys.MEASUREMENTS, JSON.stringify(measurements));
     } catch (error) {
       console.error("保存测量结果失败:", error);
     }
@@ -45556,9 +45600,9 @@ class MapStorage {
   /**
    * 获取测量结果
    */
-  static getMeasurements() {
+  getMeasurements() {
     try {
-      const data = localStorage.getItem(STORAGE_KEYS.MEASUREMENTS);
+      const data = localStorage.getItem(this.storageKeys.MEASUREMENTS);
       return data ? JSON.parse(data) : [];
     } catch (error) {
       console.error("获取测量结果失败:", error);
@@ -45568,7 +45612,7 @@ class MapStorage {
   /**
    * 添加单个测量结果
    */
-  static addMeasurement(measurement) {
+  addMeasurement(measurement) {
     const measurements = this.getMeasurements();
     measurements.push(measurement);
     this.saveMeasurements(measurements);
@@ -45576,20 +45620,20 @@ class MapStorage {
   /**
    * 删除测量结果
    */
-  static removeMeasurement(id) {
+  removeMeasurement(id) {
     const measurements = this.getMeasurements().filter((m2) => m2.id !== id);
     this.saveMeasurements(measurements);
   }
   /**
    * 清空所有测量结果
    */
-  static clearMeasurements() {
-    localStorage.removeItem(STORAGE_KEYS.MEASUREMENTS);
+  clearMeasurements() {
+    localStorage.removeItem(this.storageKeys.MEASUREMENTS);
   }
   /**
    * 保存图层配置
    */
-  static saveLayerConfigs(configs) {
+  saveLayerConfigs(configs) {
     try {
       const configsToSave = configs.map((config) => ({
         id: config.id,
@@ -45602,7 +45646,7 @@ class MapStorage {
         legend: config.legend,
         metadata: config.metadata
       }));
-      localStorage.setItem(STORAGE_KEYS.LAYER_CONFIGS, JSON.stringify(configsToSave));
+      localStorage.setItem(this.storageKeys.LAYER_CONFIGS, JSON.stringify(configsToSave));
     } catch (error) {
       console.error("保存图层配置失败:", error);
     }
@@ -45610,9 +45654,9 @@ class MapStorage {
   /**
    * 获取图层配置
    */
-  static getLayerConfigs() {
+  getLayerConfigs() {
     try {
-      const data = localStorage.getItem(STORAGE_KEYS.LAYER_CONFIGS);
+      const data = localStorage.getItem(this.storageKeys.LAYER_CONFIGS);
       return data ? JSON.parse(data) : [];
     } catch (error) {
       console.error("获取图层配置失败:", error);
@@ -45622,10 +45666,10 @@ class MapStorage {
   /**
    * 保存地图状态
    */
-  static saveMapState(center, zoom, rotation = 0) {
+  saveMapState(center, zoom, rotation = 0) {
     try {
       const state = { center, zoom, rotation, timestamp: Date.now() };
-      localStorage.setItem(STORAGE_KEYS.MAP_STATE, JSON.stringify(state));
+      localStorage.setItem(this.storageKeys.MAP_STATE, JSON.stringify(state));
     } catch (error) {
       console.error("保存地图状态失败:", error);
     }
@@ -45633,9 +45677,9 @@ class MapStorage {
   /**
    * 获取地图状态
    */
-  static getMapState() {
+  getMapState() {
     try {
-      const data = localStorage.getItem(STORAGE_KEYS.MAP_STATE);
+      const data = localStorage.getItem(this.storageKeys.MAP_STATE);
       return data ? JSON.parse(data) : null;
     } catch (error) {
       console.error("获取地图状态失败:", error);
@@ -45645,31 +45689,38 @@ class MapStorage {
   /**
    * 清空所有缓存
    */
-  static clearAll() {
-    Object.values(STORAGE_KEYS).forEach((key) => {
+  clearAll() {
+    Object.values(this.storageKeys).forEach((key) => {
       localStorage.removeItem(key);
     });
   }
   /**
    * 获取存储大小（KB）
    */
-  static getStorageSize() {
+  getStorageSize() {
     let total = 0;
-    Object.values(STORAGE_KEYS).forEach((key) => {
-      const data = localStorage.getItem(key);
-      if (data) {
-        total += new Blob([data]).size;
+    Object.values(this.storageKeys).forEach((key) => {
+      const item = localStorage.getItem(key);
+      if (item) {
+        total += item.length;
       }
     });
     return Math.round(total / 1024 * 100) / 100;
   }
 }
+function createMapStorage(instanceId) {
+  return new MapStorage(instanceId);
+}
 class LayerManager {
-  constructor(map) {
+  constructor(map, eventBus, storage) {
     __publicField(this, "map");
     __publicField(this, "layerHandlers", /* @__PURE__ */ new Map());
     __publicField(this, "layerConfigs", /* @__PURE__ */ new Map());
+    __publicField(this, "eventBus");
+    __publicField(this, "storage");
     this.map = map;
+    this.eventBus = eventBus;
+    this.storage = storage;
     this.loadLayerConfigs();
   }
   /**
@@ -45681,7 +45732,8 @@ class LayerManager {
       const fullConfig = {
         ...config,
         id: layerId,
-        visible: config.visible ?? true,
+        visible: config.visible ?? false,
+        // 默认设置为false，避免意外激活图层
         opacity: config.opacity ?? 1,
         zIndex: config.zIndex ?? 0
       };
@@ -45696,7 +45748,7 @@ class LayerManager {
       this.layerConfigs.set(fullConfig.id, fullConfig);
       this.map.addLayer(layer);
       this.saveLayerConfigs();
-      layerEventBus.emit("layer-added", {
+      this.eventBus.emit("layer-added", {
         layerId: fullConfig.id,
         layerName: fullConfig.name,
         layerType: fullConfig.type,
@@ -45721,7 +45773,8 @@ class LayerManager {
           const childFullConfig = {
             ...childConfig,
             id: childLayerId,
-            visible: childConfig.visible ?? groupConfig.visible,
+            visible: childConfig.visible ?? (groupConfig.visible ?? false),
+            // 确保默认为false
             opacity: childConfig.opacity ?? groupConfig.opacity
           };
           if (this.addLayer(childFullConfig)) {
@@ -45732,7 +45785,7 @@ class LayerManager {
       groupConfig.children = childLayers;
       this.layerConfigs.set(groupConfig.id, groupConfig);
       this.saveLayerConfigs();
-      layerEventBus.emit("layer-added", {
+      this.eventBus.emit("layer-added", {
         layerId: groupConfig.id,
         layerName: groupConfig.name,
         layerType: groupConfig.type,
@@ -45763,7 +45816,7 @@ class LayerManager {
         this.layerHandlers.delete(layerId);
         this.layerConfigs.delete(layerId);
         this.saveLayerConfigs();
-        layerEventBus.emit("layer-removed", {
+        this.eventBus.emit("layer-removed", {
           layerId,
           layerName: config.name,
           layerType: config.type
@@ -45896,7 +45949,7 @@ class LayerManager {
         handler.setVisible(visible);
         config.visible = visible;
         this.saveLayerConfigs();
-        layerEventBus.emit("layer-visibility-changed", {
+        this.eventBus.emit("layer-visibility-changed", {
           layerId,
           visible,
           layerName: config.name,
@@ -45921,7 +45974,7 @@ class LayerManager {
         handler.setOpacity(opacity2);
         config.opacity = opacity2;
         this.saveLayerConfigs();
-        layerEventBus.emit("layer-opacity-changed", {
+        this.eventBus.emit("layer-opacity-changed", {
           layerId,
           opacity: config.opacity
         });
@@ -45945,7 +45998,7 @@ class LayerManager {
         this.layerConfigs.set(layerId, updatedConfig);
         handler.updateConfig(newConfig);
         this.saveLayerConfigs();
-        layerEventBus.emit("layer-config-updated", {
+        this.eventBus.emit("layer-config-updated", {
           layerId,
           config: updatedConfig
         });
@@ -46002,7 +46055,7 @@ class LayerManager {
    */
   loadLayerConfigs() {
     try {
-      const configs = MapStorage.getLayerConfigs();
+      const configs = this.storage.getLayerConfigs();
       configs.forEach((config) => {
         if (!config.id)
           return;
@@ -46028,7 +46081,7 @@ class LayerManager {
   saveLayerConfigs() {
     try {
       const configs = Array.from(this.layerConfigs.values());
-      MapStorage.saveLayerConfigs(configs);
+      this.storage.saveLayerConfigs(configs);
     } catch (error) {
       console.error("保存图层配置失败:", error);
     }
@@ -46343,15 +46396,17 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
         const view = map.value.getView();
         if (!extent || extent.every((coord) => !isFinite(coord))) {
           if (data.layerData.center && Array.isArray(data.layerData.center) && data.layerData.center.length === 2) {
+            const mapProjection = view.getProjection().getCode();
+            const center = mapProjection === "EPSG:4326" ? data.layerData.center : fromLonLat(data.layerData.center);
             if (finalAnimationConfig.enabled) {
               view.animate({
-                center: data.layerData.center,
+                center,
                 zoom: 12,
                 duration: finalAnimationConfig.duration,
                 easing: getEasingFunction(finalAnimationConfig.easing)
               });
             } else {
-              view.setCenter(data.layerData.center);
+              view.setCenter(center);
               view.setZoom(12);
             }
             ElMessage.success(`已定位到图层中心点: ${data.layerData.name}`);
@@ -46394,28 +46449,42 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     const onTreeCheck = (data, { checkedKeys, checkedNodes }) => {
       const allNodes = getAllTreeNodes(treeData.value);
       const group = layerGroups.value.find((g2) => g2.layers.some((l2) => l2.id === data.id));
-      if ((group == null ? void 0 : group.id) === "baseLayers" && checkedKeys.includes(data.id)) {
-        let selectedLayer2 = null;
-        group.layers.forEach((layer) => {
-          if (layer.id === data.id) {
-            layer.visible = true;
-            handleLayerVisibilityChange(layer);
-            selectedLayer2 = layer;
-          } else {
-            layer.visible = false;
-            handleLayerVisibilityChange(layer);
+      if ((group == null ? void 0 : group.id) === "baseLayers") {
+        if (checkedKeys.includes(data.id)) {
+          let selectedLayer2 = null;
+          group.layers.forEach((layer) => {
+            if (layer.id === data.id) {
+              layer.visible = true;
+              handleLayerVisibilityChange(layer);
+              selectedLayer2 = layer;
+            } else {
+              layer.visible = false;
+              handleLayerVisibilityChange(layer);
+            }
+          });
+          if (selectedLayer2) {
+            layerEventBus.emit("basemap-changed", {
+              basemapId: selectedLayer2.id,
+              basemapName: selectedLayer2.name,
+              basemapType: selectedLayer2.type
+            });
           }
-        });
-        if (selectedLayer2) {
-          layerEventBus.emit("basemap-changed", {
-            basemapId: selectedLayer2.id,
-            basemapName: selectedLayer2.name,
-            basemapType: selectedLayer2.type
+          nextTick(() => {
+            treeRef.value.setCheckedKeys([data.id]);
+          });
+        } else {
+          const targetLayer = group.layers.find((layer) => layer.id === data.id);
+          if (targetLayer) {
+            console.log("LayerPanel onTreeCheck - 取消勾选底图:", targetLayer.name, "当前visible:", targetLayer.visible);
+            targetLayer.visible = false;
+            console.log("LayerPanel onTreeCheck - 设置visible=false后:", targetLayer.visible);
+            handleLayerVisibilityChange(targetLayer);
+            console.log("LayerPanel onTreeCheck - 调用handleLayerVisibilityChange完成");
+          }
+          nextTick(() => {
+            syncTreeCheckedState();
           });
         }
-        nextTick(() => {
-          treeRef.value.setCheckedKeys([data.id]);
-        });
         return;
       }
       allNodes.forEach((node) => {
@@ -46465,6 +46534,8 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     const props = __props;
     const config = inject("layerPanelConfig");
     const map = inject("map");
+    const eventBus = inject("eventBus");
+    const storage = inject("storage");
     const layers = ref([]);
     ref(null);
     const emit = __emit;
@@ -46555,8 +46626,8 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
       }
     };
     const initializeLayerManager = () => {
-      if (map && map.value && !layerManager.value) {
-        layerManager.value = new LayerManager(map.value);
+      if (map && map.value && !layerManager.value && eventBus && storage) {
+        layerManager.value = new LayerManager(map.value, eventBus, storage);
         initializeLayers();
       }
     };
@@ -46675,11 +46746,16 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
       handleLayerChange(layer);
     };
     const handleLayerVisibilityChange = (layer) => {
+      console.log("LayerPanel handleLayerVisibilityChange:", layer.name, "visible:", layer.visible);
       if (layerManager.value) {
+        console.log("LayerPanel handleLayerVisibilityChange - 调用layerManager.setLayerVisible");
         layerManager.value.setLayerVisible(layer.id, layer.visible);
+        console.log("LayerPanel handleLayerVisibilityChange - 调用updateLayerConfig");
         updateLayerConfig(layer.id, {
           visible: layer.visible
         });
+      } else {
+        console.warn("LayerPanel handleLayerVisibilityChange - layerManager不存在");
       }
       layerEventBus.emit("layer-visibility-change", {
         layerId: layer.id,
@@ -46707,9 +46783,20 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
       emit("layer-change", layer);
     };
     const updateLayerConfig = (layerId, updates) => {
+      console.log("LayerPanel updateLayerConfig:", layerId, updates);
       const layer = layers.value.find((l2) => l2.id === layerId);
       if (layer) {
+        console.log("LayerPanel updateLayerConfig - 找到图层:", layer.name, "当前visible:", layer.visible);
         Object.assign(layer, updates);
+        console.log("LayerPanel updateLayerConfig - 更新后visible:", layer.visible);
+        if (layerManager.value) {
+          console.log("LayerPanel updateLayerConfig - 调用layerManager.updateLayerConfig");
+          layerManager.value.updateLayerConfig(layerId, updates);
+        } else {
+          console.warn("LayerPanel updateLayerConfig - layerManager不存在");
+        }
+      } else {
+        console.warn("LayerPanel updateLayerConfig - 未找到图层:", layerId);
       }
     };
     const getLayerIcon = (layerType) => {
@@ -46748,8 +46835,25 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
         console.warn("LayerPanel: 未找到底图分组");
         return;
       }
+      if (event.basemapConfig === null) {
+        console.log("LayerPanel: 请求关闭底图:", event.basemapName);
+        const targetLayer2 = baseLayersGroup.layers.find((layer) => layer.id === event.basemapId);
+        if (targetLayer2 && targetLayer2.visible) {
+          targetLayer2.visible = false;
+          handleLayerVisibilityChange(targetLayer2);
+          nextTick(() => {
+            if (treeRef.value) {
+              const currentCheckedKeys = treeRef.value.getCheckedKeys();
+              const newCheckedKeys = currentCheckedKeys.filter((key) => key !== event.basemapId);
+              treeRef.value.setCheckedKeys(newCheckedKeys);
+            }
+          });
+          console.log("LayerPanel: 底图已关闭:", event.basemapName);
+        }
+        return;
+      }
       let targetLayer = baseLayersGroup.layers.find((layer) => layer.id === event.basemapId);
-      if (!targetLayer && layerManager.value) {
+      if (!targetLayer && layerManager.value && event.basemapConfig) {
         console.log("LayerPanel: 底图不存在，尝试添加:", event.basemapConfig);
         const success = layerManager.value.addLayer(event.basemapConfig);
         if (success) {
@@ -46884,7 +46988,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LayerPanel = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-bbdf4651"]]);
+const LayerPanel = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-ab4e807a"]]);
 const icons = {
   pointMarker: new URL("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPg0KICA8cGF0aCBkPSJNMjEgMTBjMCA3LTkgMTMtOSAxM3MtOS02LTktMTNhOSA5IDAgMCAxIDE4IDB6Ii8+DQogIDxjaXJjbGUgY3g9IjEyIiBjeT0iMTAiIHI9IjMiLz4NCjwvc3ZnPg==", self.location).href,
   textMarker: new URL("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPg0KICA8cG9seWxpbmUgcG9pbnRzPSI0IDcgNCA0IDIwIDQgMjAgNyIvPg0KICA8bGluZSB4MT0iOSIgeTE9IjIwIiB4Mj0iMTUiIHkyPSIyMCIvPg0KICA8bGluZSB4MT0iMTIiIHkxPSI0IiB4Mj0iMTIiIHkyPSIyMCIvPg0KPC9zdmc+", self.location).href,
@@ -50959,12 +51063,15 @@ const DrawingTooltipTexts = {
   circle: "按住鼠标左键并拖拽绘制圆形",
   star: "按住鼠标左键并拖拽绘制星形",
   text: "点击地图添加文字标注",
+  multipoint: "点击地图添加多个点位，双击结束绘制",
+  multilinestring: "点击开始绘制多线段，双击结束当前线段，Shift+双击完成所有绘制",
+  multipolygon: "点击开始绘制多边形，双击结束当前多边形，Shift+双击完成所有绘制",
   select: "",
   modify: "",
   none: ""
 };
 class MeasurementTool {
-  constructor(map, options = {}) {
+  constructor(map, storage, options = {}) {
     __publicField(this, "map");
     __publicField(this, "source");
     __publicField(this, "layer");
@@ -50986,9 +51093,11 @@ class MeasurementTool {
     __publicField(this, "areaTooltips", []);
     __publicField(this, "angleTooltips", []);
     __publicField(this, "measurements", []);
+    __publicField(this, "storage");
     // 属性
     __publicField(this, "nodeMarkers", []);
     this.map = map;
+    this.storage = storage;
     this.options = {
       // 线条样式默认值
       strokeColor: "#ffcc33",
@@ -51322,7 +51431,7 @@ class MeasurementTool {
   // 保存测量数据到localStorage
   saveMeasurements() {
     try {
-      localStorage.setItem("openlayers-measurements", JSON.stringify(this.measurements));
+      this.storage.saveMeasurements(this.measurements);
     } catch (error) {
       console.warn("Failed to save measurements:", error);
     }
@@ -51390,12 +51499,12 @@ class MeasurementTool {
       });
     });
   }
-  // 从localStorage加载测量数据
+  // 从存储加载测量数据
   loadMeasurements() {
     try {
-      const saved = localStorage.getItem("openlayers-measurements");
+      const saved = this.storage.getMeasurements();
       if (saved) {
-        this.measurements = JSON.parse(saved);
+        this.measurements = saved;
       }
     } catch (error) {
       console.warn("Failed to load measurements:", error);
@@ -56588,64 +56697,2504 @@ class PolygonDrawing extends BaseDrawing {
     return color2;
   }
 }
-class PolygonDrawingFactory {
+class PolygonDrawingFactory {
+  static create(config) {
+    return new PolygonDrawing(config);
+  }
+  static getType() {
+    return "polygon";
+  }
+  static getSupportedTypes() {
+    return ["polygon", "circle", "rectangle", "area"];
+  }
+  /**
+   * 创建预设样式的面
+   */
+  static createPreset(coordinates2, type, preset, options) {
+    const presetStyles = {
+      default: {
+        fillColor: "#409eff",
+        strokeColor: "#409eff",
+        fillOpacity: 0.3,
+        strokeOpacity: 1
+      },
+      highlight: {
+        fillColor: "#ffeb3b",
+        strokeColor: "#ff9800",
+        fillOpacity: 0.4,
+        strokeOpacity: 1
+      },
+      warning: {
+        fillColor: "#e6a23c",
+        strokeColor: "#e6a23c",
+        fillOpacity: 0.3,
+        strokeOpacity: 1
+      },
+      success: {
+        fillColor: "#67c23a",
+        strokeColor: "#67c23a",
+        fillOpacity: 0.3,
+        strokeOpacity: 1
+      },
+      danger: {
+        fillColor: "#f56c6c",
+        strokeColor: "#f56c6c",
+        fillOpacity: 0.3,
+        strokeOpacity: 1
+      }
+    };
+    const config = {
+      type,
+      name: options == null ? void 0 : options.name,
+      coordinates: coordinates2,
+      style: {
+        ...presetStyles[preset],
+        textContent: options == null ? void 0 : options.text,
+        showArea: (options == null ? void 0 : options.showArea) || false,
+        showPerimeter: (options == null ? void 0 : options.showPerimeter) || false
+      }
+    };
+    return new PolygonDrawing(config);
+  }
+}
+class MultiPolygonDrawing extends BaseDrawing {
+  constructor(config) {
+    super(config);
+    __publicField(this, "_config");
+    __publicField(this, "_style");
+    this._config = config;
+    this._style = {
+      fillColor: "#409eff",
+      strokeColor: "#409eff",
+      strokeWidth: 2,
+      strokeOpacity: 1,
+      fillOpacity: 0.3,
+      showVertices: false,
+      vertexSize: 6,
+      vertexColor: "#409eff",
+      showArea: false,
+      areaUnit: "m²",
+      areaPrecision: 2,
+      showPerimeter: false,
+      perimeterUnit: "m",
+      perimeterPrecision: 2,
+      showPolygonIndex: false,
+      indexFontSize: 12,
+      indexColor: "#333333",
+      ...config.style
+    };
+  }
+  /**
+   * 创建要素
+   */
+  createFeature() {
+    const geometry = this.createMultiPolygonGeometry();
+    this.feature = new Feature$2({
+      geometry,
+      id: this.getId(),
+      type: this.getType(),
+      name: this.getName(),
+      properties: this.getProperties()
+    });
+  }
+  /**
+   * 创建多多边形几何
+   */
+  createMultiPolygonGeometry() {
+    const coordinates2 = this._config.coordinates;
+    if (!coordinates2 || coordinates2.length === 0) {
+      throw new Error("MultiPolygon coordinates cannot be empty");
+    }
+    const closedCoordinates = coordinates2.map((polygonCoords) => {
+      return polygonCoords.map((ring) => {
+        const closedRing = [...ring];
+        const first = ring[0];
+        const last = ring[ring.length - 1];
+        if (first[0] !== last[0] || first[1] !== last[1]) {
+          closedRing.push([first[0], first[1]]);
+        }
+        return closedRing;
+      });
+    });
+    return new MultiPolygon$1(closedCoordinates);
+  }
+  /**
+   * 创建样式
+   */
+  createStyle() {
+    const styles = [];
+    styles.push(this.createMultiPolygonStyle());
+    if (this._style.showVertices) {
+      styles.push(...this.createVertexStyles());
+    }
+    if (this._style.showArea) {
+      styles.push(...this.createAreaStyles());
+    }
+    if (this._style.showPerimeter) {
+      styles.push(...this.createPerimeterStyles());
+    }
+    if (this._style.showPolygonIndex) {
+      styles.push(...this.createIndexStyles());
+    }
+    if (this._style.textContent) {
+      styles.push(this.createTextStyle());
+    }
+    return styles.length === 1 ? styles[0] : styles;
+  }
+  /**
+   * 创建主多边形样式
+   */
+  createMultiPolygonStyle() {
+    return new Style$1({
+      fill: new Fill$1({
+        color: this.addOpacityToColor(this._style.fillColor || "#409eff", this._style.fillOpacity || 0.3)
+      }),
+      stroke: new Stroke$1({
+        color: this.addOpacityToColor(this._style.strokeColor || "#409eff", this._style.strokeOpacity || 1),
+        width: this._style.strokeWidth || 2,
+        lineDash: this._style.strokeDash
+      }),
+      zIndex: this._style.zIndex || 0
+    });
+  }
+  /**
+   * 创建顶点样式
+   */
+  createVertexStyles() {
+    var _a2;
+    const styles = [];
+    const geometry = (_a2 = this.feature) == null ? void 0 : _a2.getGeometry();
+    if (!geometry)
+      return styles;
+    const polygons = geometry.getPolygons();
+    polygons.forEach((polygon) => {
+      const coordinates2 = polygon.getCoordinates()[0];
+      coordinates2.forEach((coord) => {
+        styles.push(new Style$1({
+          geometry: new ol.geom.Point(coord),
+          image: new CircleStyle$1({
+            radius: this._style.vertexSize || 6,
+            fill: new Fill$1({
+              color: this._style.vertexColor || "#409eff"
+            }),
+            stroke: new Stroke$1({
+              color: "#ffffff",
+              width: 2
+            })
+          }),
+          zIndex: (this._style.zIndex || 0) + 1
+        }));
+      });
+    });
+    return styles;
+  }
+  /**
+   * 创建面积标注样式
+   */
+  createAreaStyles() {
+    var _a2;
+    const styles = [];
+    const geometry = (_a2 = this.feature) == null ? void 0 : _a2.getGeometry();
+    if (!geometry)
+      return styles;
+    const polygons = geometry.getPolygons();
+    polygons.forEach((polygon, index2) => {
+      const center = this.getPolygonCenter(polygon);
+      if (center) {
+        const area2 = this.calculatePolygonArea(polygon);
+        const areaText = this.formatArea(area2);
+        styles.push(new Style$1({
+          geometry: new ol.geom.Point(center),
+          text: new Text$1({
+            text: areaText,
+            font: `${this._style.fontSize || 12}px ${this._style.fontFamily || "Arial"}`,
+            fill: new Fill$1({
+              color: this._style.textColor || "#333333"
+            }),
+            stroke: new Stroke$1({
+              color: "#ffffff",
+              width: 2
+            }),
+            textAlign: "center",
+            textBaseline: "middle"
+          }),
+          zIndex: (this._style.zIndex || 0) + 2
+        }));
+      }
+    });
+    return styles;
+  }
+  /**
+   * 创建周长标注样式
+   */
+  createPerimeterStyles() {
+    var _a2;
+    const styles = [];
+    const geometry = (_a2 = this.feature) == null ? void 0 : _a2.getGeometry();
+    if (!geometry)
+      return styles;
+    const polygons = geometry.getPolygons();
+    polygons.forEach((polygon, index2) => {
+      const center = this.getPolygonCenter(polygon);
+      if (center) {
+        const perimeter = this.calculatePolygonPerimeter(polygon);
+        const perimeterText = this.formatPerimeter(perimeter);
+        const offsetCenter = [center[0], center[1] - 20];
+        styles.push(new Style$1({
+          geometry: new ol.geom.Point(offsetCenter),
+          text: new Text$1({
+            text: perimeterText,
+            font: `${(this._style.fontSize || 12) - 2}px ${this._style.fontFamily || "Arial"}`,
+            fill: new Fill$1({
+              color: this._style.textColor || "#666666"
+            }),
+            stroke: new Stroke$1({
+              color: "#ffffff",
+              width: 2
+            }),
+            textAlign: "center",
+            textBaseline: "middle"
+          }),
+          zIndex: (this._style.zIndex || 0) + 2
+        }));
+      }
+    });
+    return styles;
+  }
+  /**
+   * 创建索引标注样式
+   */
+  createIndexStyles() {
+    var _a2;
+    const styles = [];
+    const geometry = (_a2 = this.feature) == null ? void 0 : _a2.getGeometry();
+    if (!geometry)
+      return styles;
+    const polygons = geometry.getPolygons();
+    polygons.forEach((polygon, index2) => {
+      const center = this.getPolygonCenter(polygon);
+      if (center) {
+        styles.push(new Style$1({
+          geometry: new ol.geom.Point(center),
+          text: new Text$1({
+            text: `${index2 + 1}`,
+            font: `bold ${this._style.indexFontSize || 12}px ${this._style.fontFamily || "Arial"}`,
+            fill: new Fill$1({
+              color: this._style.indexColor || "#333333"
+            }),
+            stroke: new Stroke$1({
+              color: "#ffffff",
+              width: 3
+            }),
+            textAlign: "center",
+            textBaseline: "middle",
+            backgroundFill: new Fill$1({
+              color: "rgba(255, 255, 255, 0.8)"
+            }),
+            padding: [2, 4, 2, 4]
+          }),
+          zIndex: (this._style.zIndex || 0) + 3
+        }));
+      }
+    });
+    return styles;
+  }
+  /**
+   * 创建文字样式
+   */
+  createTextStyle() {
+    var _a2;
+    const geometry = (_a2 = this.feature) == null ? void 0 : _a2.getGeometry();
+    const center = geometry ? this.getMultiPolygonCenter() : [0, 0];
+    return new Style$1({
+      geometry: new ol.geom.Point(center),
+      text: new Text$1({
+        text: this._style.textContent || "",
+        font: `${this._style.fontSize || 14}px ${this._style.fontFamily || "Arial"}`,
+        fill: new Fill$1({
+          color: this._style.textColor || "#333333"
+        }),
+        stroke: new Stroke$1({
+          color: "#ffffff",
+          width: 2
+        }),
+        textAlign: this._style.textAlign || "center",
+        textBaseline: this._style.textBaseline || "middle",
+        offsetX: this._style.textOffsetX || 0,
+        offsetY: this._style.textOffsetY || 0
+      }),
+      zIndex: (this._style.zIndex || 0) + 4
+    });
+  }
+  /**
+   * 更新要素几何
+   */
+  updateFeatureGeometry() {
+    if (!this.feature)
+      return;
+    const geometry = this.createMultiPolygonGeometry();
+    this.feature.setGeometry(geometry);
+  }
+  /**
+   * 创建选择样式
+   */
+  createSelectionStyles() {
+    const selectionColor = this._style.selectionColor || "#ff6b6b";
+    const selectionWidth = this._style.selectionWidth || 3;
+    const selectionOpacity = this._style.selectionOpacity || 0.8;
+    const styles = [
+      new Style$1({
+        fill: new Fill$1({
+          color: this.addOpacityToColor(selectionColor, 0.2)
+        }),
+        stroke: new Stroke$1({
+          color: this.addOpacityToColor(selectionColor, selectionOpacity),
+          width: selectionWidth,
+          lineDash: [5, 5]
+        }),
+        zIndex: (this._style.zIndex || 0) + 10
+      })
+    ];
+    if (this._style.showEditHandles) {
+      styles.push(...this.createEditHandleStyles());
+    }
+    return styles;
+  }
+  /**
+   * 创建编辑控制点样式
+   */
+  createEditHandleStyles() {
+    var _a2;
+    const styles = [];
+    const geometry = (_a2 = this.feature) == null ? void 0 : _a2.getGeometry();
+    if (!geometry)
+      return styles;
+    const handleSize = this._style.editHandleSize || 8;
+    const handleColor = this._style.editHandleColor || "#ff6b6b";
+    const polygons = geometry.getPolygons();
+    polygons.forEach((polygon) => {
+      const coordinates2 = polygon.getCoordinates()[0];
+      coordinates2.forEach((coord) => {
+        styles.push(new Style$1({
+          geometry: new ol.geom.Point(coord),
+          image: new CircleStyle$1({
+            radius: handleSize,
+            fill: new Fill$1({
+              color: handleColor
+            }),
+            stroke: new Stroke$1({
+              color: "#ffffff",
+              width: 2
+            })
+          }),
+          zIndex: (this._style.zIndex || 0) + 11
+        }));
+      });
+    });
+    return styles;
+  }
+  /**
+   * 获取多边形中心点
+   */
+  getPolygonCenter(polygon) {
+    try {
+      const extent = polygon.getExtent();
+      return [(extent[0] + extent[2]) / 2, (extent[1] + extent[3]) / 2];
+    } catch (error) {
+      console.warn("计算多边形中心点失败:", error);
+      return null;
+    }
+  }
+  /**
+   * 获取多多边形中心点
+   */
+  getMultiPolygonCenter() {
+    var _a2;
+    const geometry = (_a2 = this.feature) == null ? void 0 : _a2.getGeometry();
+    if (!geometry)
+      return [0, 0];
+    try {
+      const extent = geometry.getExtent();
+      return [(extent[0] + extent[2]) / 2, (extent[1] + extent[3]) / 2];
+    } catch (error) {
+      console.warn("计算多多边形中心点失败:", error);
+      return [0, 0];
+    }
+  }
+  /**
+   * 计算多边形面积
+   */
+  calculatePolygonArea(polygon) {
+    try {
+      return polygon.getArea();
+    } catch (error) {
+      console.warn("计算多边形面积失败:", error);
+      return 0;
+    }
+  }
+  /**
+   * 计算多边形周长
+   */
+  calculatePolygonPerimeter(polygon) {
+    try {
+      const coordinates2 = polygon.getCoordinates()[0];
+      let perimeter = 0;
+      for (let i = 0; i < coordinates2.length - 1; i++) {
+        const dx = coordinates2[i + 1][0] - coordinates2[i][0];
+        const dy = coordinates2[i + 1][1] - coordinates2[i][1];
+        perimeter += Math.sqrt(dx * dx + dy * dy);
+      }
+      return perimeter;
+    } catch (error) {
+      console.warn("计算多边形周长失败:", error);
+      return 0;
+    }
+  }
+  /**
+   * 格式化面积显示
+   */
+  formatArea(area2) {
+    const unit = this._style.areaUnit || "m²";
+    const precision = this._style.areaPrecision || 2;
+    switch (unit) {
+      case "km²":
+        return `${(area2 / 1e6).toFixed(precision)} km²`;
+      case "ha":
+        return `${(area2 / 1e4).toFixed(precision)} ha`;
+      case "acre":
+        return `${(area2 / 4046.86).toFixed(precision)} acre`;
+      case "ft²":
+        return `${(area2 * 10.764).toFixed(precision)} ft²`;
+      default:
+        return `${area2.toFixed(precision)} m²`;
+    }
+  }
+  /**
+   * 格式化周长显示
+   */
+  formatPerimeter(perimeter) {
+    const unit = this._style.perimeterUnit || "m";
+    const precision = this._style.perimeterPrecision || 2;
+    switch (unit) {
+      case "km":
+        return `${(perimeter / 1e3).toFixed(precision)} km`;
+      case "mi":
+        return `${(perimeter / 1609.34).toFixed(precision)} mi`;
+      case "ft":
+        return `${(perimeter * 3.28084).toFixed(precision)} ft`;
+      default:
+        return `${perimeter.toFixed(precision)} m`;
+    }
+  }
+  /**
+   * 设置坐标
+   */
+  setCoordinates(coordinates2) {
+    this._config.coordinates = coordinates2;
+    this.updateFeatureGeometry();
+    this.updateStyle();
+  }
+  /**
+   * 获取坐标
+   */
+  getCoordinates() {
+    return this._config.coordinates;
+  }
+  /**
+   * 获取多边形数量
+   */
+  getPolygonCount() {
+    return this._config.coordinates.length;
+  }
+  /**
+   * 添加多边形
+   */
+  addPolygon(polygonCoordinates) {
+    this._config.coordinates.push(polygonCoordinates);
+    this.updateFeatureGeometry();
+    this.updateStyle();
+  }
+  /**
+   * 移除多边形
+   */
+  removePolygon(index2) {
+    if (index2 >= 0 && index2 < this._config.coordinates.length) {
+      this._config.coordinates.splice(index2, 1);
+      this.updateFeatureGeometry();
+      this.updateStyle();
+      return true;
+    }
+    return false;
+  }
+  /**
+   * 获取总面积
+   */
+  getTotalArea(unit = "m²") {
+    var _a2;
+    const geometry = (_a2 = this.feature) == null ? void 0 : _a2.getGeometry();
+    if (!geometry)
+      return 0;
+    const polygons = geometry.getPolygons();
+    let totalArea = 0;
+    polygons.forEach((polygon) => {
+      totalArea += this.calculatePolygonArea(polygon);
+    });
+    switch (unit) {
+      case "km²":
+        return totalArea / 1e6;
+      case "ha":
+        return totalArea / 1e4;
+      case "acre":
+        return totalArea / 4046.86;
+      case "ft²":
+        return totalArea * 10.764;
+      default:
+        return totalArea;
+    }
+  }
+  /**
+   * 获取总周长
+   */
+  getTotalPerimeter(unit = "m") {
+    var _a2;
+    const geometry = (_a2 = this.feature) == null ? void 0 : _a2.getGeometry();
+    if (!geometry)
+      return 0;
+    const polygons = geometry.getPolygons();
+    let totalPerimeter = 0;
+    polygons.forEach((polygon) => {
+      totalPerimeter += this.calculatePolygonPerimeter(polygon);
+    });
+    switch (unit) {
+      case "km":
+        return totalPerimeter / 1e3;
+      case "mi":
+        return totalPerimeter / 1609.34;
+      case "ft":
+        return totalPerimeter * 3.28084;
+      default:
+        return totalPerimeter;
+    }
+  }
+  /**
+   * 设置填充样式
+   */
+  setFillStyle(options) {
+    if (options.color)
+      this._style.fillColor = options.color;
+    if (options.opacity !== void 0)
+      this._style.fillOpacity = options.opacity;
+    this.updateStyle();
+  }
+  /**
+   * 设置边框样式
+   */
+  setStrokeStyle(options) {
+    if (options.color)
+      this._style.strokeColor = options.color;
+    if (options.width !== void 0)
+      this._style.strokeWidth = options.width;
+    if (options.dash)
+      this._style.strokeDash = options.dash;
+    if (options.opacity !== void 0)
+      this._style.strokeOpacity = options.opacity;
+    this.updateStyle();
+  }
+  /**
+   * 设置多边形索引显示
+   */
+  setPolygonIndexVisible(visible, options) {
+    this._style.showPolygonIndex = visible;
+    if (options == null ? void 0 : options.fontSize)
+      this._style.indexFontSize = options.fontSize;
+    if (options == null ? void 0 : options.color)
+      this._style.indexColor = options.color;
+    this.updateStyle();
+  }
+  /**
+   * 创建实例
+   */
+  createInstance(config) {
+    return new MultiPolygonDrawing(config);
+  }
+  /**
+   * 从JSON反序列化
+   */
+  static fromJSON(data) {
+    const config = {
+      id: data.id,
+      type: "multipolygon",
+      name: data.name,
+      coordinates: data.coordinates,
+      properties: data.properties || {},
+      style: data.style || {},
+      visible: data.visible !== false
+    };
+    return new MultiPolygonDrawing(config);
+  }
+  /**
+   * 从GeoJSON创建MultiPolygonDrawing
+   */
+  static fromGeoJSON(geoJsonFeature) {
+    var _a2;
+    if (geoJsonFeature.geometry.type !== "MultiPolygon") {
+      throw new Error("GeoJSON feature must be of type MultiPolygon");
+    }
+    const config = {
+      id: geoJsonFeature.id || `multipolygon_${Date.now()}`,
+      type: "multipolygon",
+      name: ((_a2 = geoJsonFeature.properties) == null ? void 0 : _a2.name) || "多多边形",
+      coordinates: geoJsonFeature.geometry.coordinates,
+      properties: geoJsonFeature.properties || {},
+      style: {},
+      visible: true
+    };
+    return new MultiPolygonDrawing(config);
+  }
+  /**
+   * 添加透明度到颜色
+   */
+  addOpacityToColor(color2, opacity2) {
+    if (opacity2 >= 1)
+      return color2;
+    if (color2.startsWith("#")) {
+      const hex = color2.slice(1);
+      const r = parseInt(hex.substr(0, 2), 16);
+      const g2 = parseInt(hex.substr(2, 2), 16);
+      const b2 = parseInt(hex.substr(4, 2), 16);
+      return `rgba(${r}, ${g2}, ${b2}, ${opacity2})`;
+    }
+    if (color2.startsWith("rgba")) {
+      return color2.replace(/[\d\.]+\)$/g, `${opacity2})`);
+    }
+    if (color2.startsWith("rgb")) {
+      return color2.replace("rgb", "rgba").replace(")", `, ${opacity2})`);
+    }
+    return color2;
+  }
+}
+class MultiPolygonDrawingFactory {
+  static create(config) {
+    return new MultiPolygonDrawing(config);
+  }
+  static getType() {
+    return "multipolygon";
+  }
+  static getSupportedTypes() {
+    return ["multipolygon", "multi-polygon"];
+  }
+  /**
+   * 从GeoJSON创建
+   */
+  static fromGeoJSON(geoJsonFeature) {
+    return MultiPolygonDrawing.fromGeoJSON(geoJsonFeature);
+  }
+  /**
+   * 创建预设样式的多多边形
+   */
+  static createPreset(coordinates2, preset, options) {
+    const presetStyles = {
+      default: { fillColor: "#409eff", strokeColor: "#409eff" },
+      highlight: { fillColor: "#e6a23c", strokeColor: "#e6a23c" },
+      warning: { fillColor: "#f56c6c", strokeColor: "#f56c6c" },
+      success: { fillColor: "#67c23a", strokeColor: "#67c23a" },
+      danger: { fillColor: "#f56c6c", strokeColor: "#f56c6c" }
+    };
+    const style = presetStyles[preset];
+    const config = {
+      type: "multipolygon",
+      coordinates: coordinates2,
+      name: (options == null ? void 0 : options.name) || "多多边形",
+      style: {
+        ...style,
+        fillOpacity: 0.3,
+        strokeWidth: 2,
+        textContent: options == null ? void 0 : options.text,
+        showArea: (options == null ? void 0 : options.showArea) || false,
+        showPerimeter: (options == null ? void 0 : options.showPerimeter) || false,
+        showPolygonIndex: (options == null ? void 0 : options.showIndex) || false
+      }
+    };
+    return new MultiPolygonDrawing(config);
+  }
+}
+class MultiPointDrawing extends BaseDrawing {
+  constructor(config) {
+    super(config);
+    __publicField(this, "_config");
+    __publicField(this, "_style");
+    __publicField(this, "_animationFrame");
+    __publicField(this, "_rippleAnimations", /* @__PURE__ */ new Map());
+    this._config = config;
+    this._style = {
+      color: "#409eff",
+      size: 8,
+      opacity: 1,
+      strokeColor: "#ffffff",
+      strokeWidth: 2,
+      pointStyle: "circle",
+      iconScale: 1,
+      iconAnchor: [0.5, 1],
+      iconOffset: [0, 0],
+      iconRotation: 0,
+      rippleRadius: 20,
+      rippleColor: "#409eff",
+      rippleOpacity: 0.6,
+      rippleSpeed: 1e3,
+      gifScale: 1,
+      gifAnchor: [0.5, 0.5],
+      shapePoints: 5,
+      shapeRadius: 10,
+      shapeRadius2: 5,
+      shapeAngle: 0,
+      showPointIndex: false,
+      indexFontSize: 12,
+      indexColor: "#333333",
+      indexOffset: [0, -15],
+      showConnectingLines: false,
+      connectingLineColor: "#409eff",
+      connectingLineWidth: 1,
+      connectingLineOpacity: 0.5,
+      enableClustering: false,
+      clusterDistance: 50,
+      clusterMinSize: 20,
+      clusterMaxSize: 40,
+      clusterColor: "#409eff",
+      showCoordinates: false,
+      coordinateFormat: "decimal",
+      coordinatePrecision: 6,
+      ...config.style
+    };
+  }
+  /**
+   * 创建要素
+   */
+  createFeature() {
+    const geometry = this.createMultiPointGeometry();
+    this.feature = new Feature$2({
+      geometry,
+      id: this.getId(),
+      type: this.getType(),
+      name: this.getName(),
+      properties: this.getProperties()
+    });
+  }
+  /**
+   * 创建多点几何
+   */
+  createMultiPointGeometry() {
+    const coordinates2 = this._config.coordinates;
+    if (!coordinates2 || coordinates2.length === 0) {
+      throw new Error("MultiPoint coordinates cannot be empty");
+    }
+    return new MultiPoint$1(coordinates2);
+  }
+  /**
+   * 创建样式
+   */
+  createStyle() {
+    const styles = [];
+    if (this._style.showConnectingLines && this._config.coordinates.length > 1) {
+      styles.push(...this.createConnectingLineStyles());
+    }
+    if (this._style.pointStyle === "ripple" || this._style.pointStyle === "gif") {
+      styles.push(...this.createSimplifiedPointStyles());
+    } else {
+      styles.push(...this.createPointStyles());
+    }
+    if (this._style.showPointIndex && this._config.coordinates.length <= 20) {
+      styles.push(...this.createIndexStyles());
+    }
+    if (this._style.showCoordinates && this._config.coordinates.length <= 10) {
+      styles.push(...this.createCoordinateStyles());
+    }
+    if (this._style.textContent) {
+      styles.push(this.createTextStyle());
+    }
+    return styles.length === 1 ? styles[0] : styles;
+  }
+  /**
+   * 创建简化的点样式（用于性能优化）
+   */
+  createSimplifiedPointStyles() {
+    const styles = [];
+    const coordinates2 = this._config.coordinates;
+    const commonStyle = new Style$1({
+      image: new CircleStyle$1({
+        radius: this._style.size || 6,
+        fill: new Fill$1({
+          color: this.addOpacityToColor(this._style.color || "#409eff", this._style.opacity || 0.8)
+        }),
+        stroke: new Stroke$1({
+          color: this._style.strokeColor || "#ffffff",
+          width: this._style.strokeWidth || 1
+        })
+      }),
+      zIndex: (this._style.zIndex || 0) + 1
+    });
+    coordinates2.forEach((coord) => {
+      const pointGeometry = new Point$1(coord);
+      const style = commonStyle.clone();
+      style.setGeometry(pointGeometry);
+      styles.push(style);
+    });
+    return styles;
+  }
+  /**
+   * 创建点样式
+   */
+  createPointStyles() {
+    const styles = [];
+    const coordinates2 = this._config.coordinates;
+    coordinates2.forEach((coord, index2) => {
+      const pointStyle = this.createSinglePointStyle(coord, index2);
+      if (pointStyle) {
+        styles.push(pointStyle);
+      }
+      if (this._style.pointStyle === "ripple" && coordinates2.length <= 10) {
+        styles.push(...this.createRippleStyles(coord, index2));
+      }
+    });
+    return styles;
+  }
+  /**
+   * 创建单个点样式
+   */
+  createSinglePointStyle(coordinate, index2) {
+    const pointGeometry = new Point$1(coordinate);
+    switch (this._style.pointStyle) {
+      case "circle":
+        return new Style$1({
+          geometry: pointGeometry,
+          image: new CircleStyle$1({
+            radius: this._style.size || 8,
+            fill: new Fill$1({
+              color: this.addOpacityToColor(this._style.color || "#409eff", this._style.opacity || 1)
+            }),
+            stroke: new Stroke$1({
+              color: this._style.strokeColor || "#ffffff",
+              width: this._style.strokeWidth || 2
+            })
+          }),
+          zIndex: (this._style.zIndex || 0) + 1
+        });
+      case "square":
+        return new Style$1({
+          geometry: pointGeometry,
+          image: new RegularShape$1({
+            points: 4,
+            radius: this._style.size || 8,
+            angle: Math.PI / 4,
+            fill: new Fill$1({
+              color: this.addOpacityToColor(this._style.color || "#409eff", this._style.opacity || 1)
+            }),
+            stroke: new Stroke$1({
+              color: this._style.strokeColor || "#ffffff",
+              width: this._style.strokeWidth || 2
+            })
+          }),
+          zIndex: (this._style.zIndex || 0) + 1
+        });
+      case "triangle":
+        return new Style$1({
+          geometry: pointGeometry,
+          image: new RegularShape$1({
+            points: 3,
+            radius: this._style.size || 8,
+            angle: 0,
+            fill: new Fill$1({
+              color: this.addOpacityToColor(this._style.color || "#409eff", this._style.opacity || 1)
+            }),
+            stroke: new Stroke$1({
+              color: this._style.strokeColor || "#ffffff",
+              width: this._style.strokeWidth || 2
+            })
+          }),
+          zIndex: (this._style.zIndex || 0) + 1
+        });
+      case "star":
+        return new Style$1({
+          geometry: pointGeometry,
+          image: new RegularShape$1({
+            points: this._style.shapePoints || 5,
+            radius: this._style.shapeRadius || 10,
+            radius2: this._style.shapeRadius2 || 5,
+            angle: this._style.shapeAngle || 0,
+            fill: new Fill$1({
+              color: this.addOpacityToColor(this._style.color || "#409eff", this._style.opacity || 1)
+            }),
+            stroke: new Stroke$1({
+              color: this._style.strokeColor || "#ffffff",
+              width: this._style.strokeWidth || 2
+            })
+          }),
+          zIndex: (this._style.zIndex || 0) + 1
+        });
+      case "cross":
+        return new Style$1({
+          geometry: pointGeometry,
+          image: new RegularShape$1({
+            points: 4,
+            radius: this._style.size || 8,
+            radius2: 0,
+            angle: 0,
+            stroke: new Stroke$1({
+              color: this._style.color || "#409eff",
+              width: this._style.strokeWidth || 2
+            })
+          }),
+          zIndex: (this._style.zIndex || 0) + 1
+        });
+      case "x":
+        return new Style$1({
+          geometry: pointGeometry,
+          image: new RegularShape$1({
+            points: 4,
+            radius: this._style.size || 8,
+            radius2: 0,
+            angle: Math.PI / 4,
+            stroke: new Stroke$1({
+              color: this._style.color || "#409eff",
+              width: this._style.strokeWidth || 2
+            })
+          }),
+          zIndex: (this._style.zIndex || 0) + 1
+        });
+      case "icon":
+        if (this._style.iconSrc) {
+          return new Style$1({
+            geometry: pointGeometry,
+            image: new Icon$1({
+              src: this._style.iconSrc,
+              scale: this._style.iconScale || 1,
+              anchor: this._style.iconAnchor || [0.5, 1],
+              offset: this._style.iconOffset || [0, 0],
+              rotation: this._style.iconRotation || 0
+            }),
+            zIndex: (this._style.zIndex || 0) + 1
+          });
+        }
+        break;
+      case "gif":
+        if (this._style.gifSrc) {
+          return new Style$1({
+            geometry: pointGeometry,
+            image: new Icon$1({
+              src: this._style.gifSrc,
+              scale: this._style.gifScale || 1,
+              anchor: this._style.gifAnchor || [0.5, 0.5]
+            }),
+            zIndex: (this._style.zIndex || 0) + 1
+          });
+        }
+        break;
+      case "ripple":
+        return new Style$1({
+          geometry: pointGeometry,
+          image: new CircleStyle$1({
+            radius: this._style.size || 8,
+            fill: new Fill$1({
+              color: this.addOpacityToColor(this._style.color || "#409eff", this._style.opacity || 1)
+            }),
+            stroke: new Stroke$1({
+              color: this._style.strokeColor || "#ffffff",
+              width: this._style.strokeWidth || 2
+            })
+          }),
+          zIndex: (this._style.zIndex || 0) + 1
+        });
+      default:
+        return new Style$1({
+          geometry: pointGeometry,
+          image: new CircleStyle$1({
+            radius: this._style.size || 8,
+            fill: new Fill$1({
+              color: this.addOpacityToColor(this._style.color || "#409eff", this._style.opacity || 1)
+            }),
+            stroke: new Stroke$1({
+              color: this._style.strokeColor || "#ffffff",
+              width: this._style.strokeWidth || 2
+            })
+          }),
+          zIndex: (this._style.zIndex || 0) + 1
+        });
+    }
+    return null;
+  }
+  /**
+   * 创建扩散样式
+   */
+  createRippleStyles(coordinate, index2) {
+    const styles = [];
+    const rippleCount = 3;
+    const maxRadius = this._style.rippleRadius || 20;
+    const baseRadius = this._style.size || 8;
+    for (let i = 0; i < rippleCount; i++) {
+      const radius = baseRadius + (maxRadius - baseRadius) * (i + 1) / rippleCount;
+      const opacity2 = (this._style.rippleOpacity || 0.6) * (1 - i / rippleCount);
+      styles.push(new Style$1({
+        geometry: new Point$1(coordinate),
+        image: new CircleStyle$1({
+          radius,
+          stroke: new Stroke$1({
+            color: this.addOpacityToColor(this._style.rippleColor || this._style.color || "#409eff", opacity2),
+            width: 2
+          })
+        }),
+        zIndex: this._style.zIndex || 0
+      }));
+    }
+    return styles;
+  }
+  /**
+   * 创建连接线样式
+   */
+  createConnectingLineStyles() {
+    const styles = [];
+    const coordinates2 = this._config.coordinates;
+    for (let i = 0; i < coordinates2.length - 1; i++) {
+      const lineGeometry = new ol.geom.LineString([coordinates2[i], coordinates2[i + 1]]);
+      styles.push(new Style$1({
+        geometry: lineGeometry,
+        stroke: new Stroke$1({
+          color: this.addOpacityToColor(
+            this._style.connectingLineColor || "#409eff",
+            this._style.connectingLineOpacity || 0.5
+          ),
+          width: this._style.connectingLineWidth || 1,
+          lineDash: this._style.connectingLineDash
+        }),
+        zIndex: (this._style.zIndex || 0) - 1
+      }));
+    }
+    return styles;
+  }
+  /**
+   * 创建索引标注样式
+   */
+  createIndexStyles() {
+    const styles = [];
+    const coordinates2 = this._config.coordinates;
+    coordinates2.forEach((coord, index2) => {
+      var _a2, _b2;
+      const offsetCoord = [
+        coord[0] + (((_a2 = this._style.indexOffset) == null ? void 0 : _a2[0]) || 0),
+        coord[1] + (((_b2 = this._style.indexOffset) == null ? void 0 : _b2[1]) || -15)
+      ];
+      styles.push(new Style$1({
+        geometry: new Point$1(offsetCoord),
+        text: new Text$1({
+          text: `${index2 + 1}`,
+          font: `bold ${this._style.indexFontSize || 12}px ${this._style.fontFamily || "Arial"}`,
+          fill: new Fill$1({
+            color: this._style.indexColor || "#333333"
+          }),
+          stroke: new Stroke$1({
+            color: "#ffffff",
+            width: 2
+          }),
+          textAlign: "center",
+          textBaseline: "middle",
+          backgroundFill: new Fill$1({
+            color: "rgba(255, 255, 255, 0.8)"
+          }),
+          padding: [2, 4, 2, 4]
+        }),
+        zIndex: (this._style.zIndex || 0) + 2
+      }));
+    });
+    return styles;
+  }
+  /**
+   * 创建坐标标注样式
+   */
+  createCoordinateStyles() {
+    const styles = [];
+    const coordinates2 = this._config.coordinates;
+    coordinates2.forEach((coord, index2) => {
+      var _a2;
+      const coordText = this.formatCoordinate(coord);
+      const offsetCoord = [
+        coord[0],
+        coord[1] + (((_a2 = this._style.indexOffset) == null ? void 0 : _a2[1]) || -15) - 20
+      ];
+      styles.push(new Style$1({
+        geometry: new Point$1(offsetCoord),
+        text: new Text$1({
+          text: coordText,
+          font: `${(this._style.fontSize || 12) - 2}px ${this._style.fontFamily || "Arial"}`,
+          fill: new Fill$1({
+            color: this._style.textColor || "#666666"
+          }),
+          stroke: new Stroke$1({
+            color: "#ffffff",
+            width: 1
+          }),
+          textAlign: "center",
+          textBaseline: "middle",
+          backgroundFill: new Fill$1({
+            color: "rgba(255, 255, 255, 0.9)"
+          }),
+          padding: [1, 3, 1, 3]
+        }),
+        zIndex: (this._style.zIndex || 0) + 2
+      }));
+    });
+    return styles;
+  }
+  /**
+   * 创建文字样式
+   */
+  createTextStyle() {
+    const center = this.getMultiPointCenter();
+    return new Style$1({
+      geometry: new Point$1(center),
+      text: new Text$1({
+        text: this._style.textContent || "",
+        font: `${this._style.fontSize || 14}px ${this._style.fontFamily || "Arial"}`,
+        fill: new Fill$1({
+          color: this._style.textColor || "#333333"
+        }),
+        stroke: new Stroke$1({
+          color: "#ffffff",
+          width: 2
+        }),
+        textAlign: this._style.textAlign || "center",
+        textBaseline: this._style.textBaseline || "middle",
+        offsetX: this._style.textOffsetX || 0,
+        offsetY: this._style.textOffsetY || 0
+      }),
+      zIndex: (this._style.zIndex || 0) + 3
+    });
+  }
+  /**
+   * 更新要素几何
+   */
+  updateFeatureGeometry() {
+    if (!this.feature)
+      return;
+    const geometry = this.createMultiPointGeometry();
+    this.feature.setGeometry(geometry);
+  }
+  /**
+   * 创建选择样式
+   */
+  createSelectionStyles() {
+    const selectionColor = this._style.selectionColor || "#ff6b6b";
+    const selectionOpacity = this._style.selectionOpacity || 0.8;
+    const coordinates2 = this._config.coordinates;
+    const styles = [];
+    coordinates2.forEach((coord) => {
+      styles.push(new Style$1({
+        geometry: new Point$1(coord),
+        image: new CircleStyle$1({
+          radius: (this._style.size || 8) + 4,
+          stroke: new Stroke$1({
+            color: this.addOpacityToColor(selectionColor, selectionOpacity),
+            width: this._style.selectionWidth || 3,
+            lineDash: [5, 5]
+          })
+        }),
+        zIndex: (this._style.zIndex || 0) + 10
+      }));
+      if (this._style.showEditHandles) {
+        styles.push(new Style$1({
+          geometry: new Point$1(coord),
+          image: new CircleStyle$1({
+            radius: this._style.editHandleSize || 6,
+            fill: new Fill$1({
+              color: this._style.editHandleColor || "#ff6b6b"
+            }),
+            stroke: new Stroke$1({
+              color: "#ffffff",
+              width: 2
+            })
+          }),
+          zIndex: (this._style.zIndex || 0) + 11
+        }));
+      }
+    });
+    return styles;
+  }
+  /**
+   * 获取多点中心
+   */
+  getMultiPointCenter() {
+    const coordinates2 = this._config.coordinates;
+    if (coordinates2.length === 0)
+      return [0, 0];
+    const sumX = coordinates2.reduce((sum, coord) => sum + coord[0], 0);
+    const sumY = coordinates2.reduce((sum, coord) => sum + coord[1], 0);
+    return [sumX / coordinates2.length, sumY / coordinates2.length];
+  }
+  /**
+   * 格式化坐标显示
+   */
+  formatCoordinate(coordinate) {
+    const format = this._style.coordinateFormat || "decimal";
+    const precision = this._style.coordinatePrecision || 6;
+    switch (format) {
+      case "dms":
+        return this.toDMS(coordinate);
+      case "utm":
+        return this.toUTM(coordinate);
+      default:
+        return `${coordinate[0].toFixed(precision)}, ${coordinate[1].toFixed(precision)}`;
+    }
+  }
+  /**
+   * 转换为度分秒格式
+   */
+  toDMS(coordinate) {
+    const [lon, lat] = coordinate;
+    const latDMS = this.decimalToDMS(lat, true);
+    const lonDMS = this.decimalToDMS(lon, false);
+    return `${latDMS}, ${lonDMS}`;
+  }
+  /**
+   * 十进制度转度分秒
+   */
+  decimalToDMS(decimal, isLatitude) {
+    const abs = Math.abs(decimal);
+    const degrees = Math.floor(abs);
+    const minutes = Math.floor((abs - degrees) * 60);
+    const seconds = ((abs - degrees) * 60 - minutes) * 60;
+    const direction2 = decimal >= 0 ? isLatitude ? "N" : "E" : isLatitude ? "S" : "W";
+    return `${degrees}°${minutes}'${seconds.toFixed(2)}"${direction2}`;
+  }
+  /**
+   * 转换为UTM格式（简化版）
+   */
+  toUTM(coordinate) {
+    return `UTM: ${coordinate[0].toFixed(0)}, ${coordinate[1].toFixed(0)}`;
+  }
+  /**
+   * 设置坐标
+   */
+  setCoordinates(coordinates2) {
+    this._config.coordinates = coordinates2;
+    this.updateFeatureGeometry();
+    this.updateStyle();
+  }
+  /**
+   * 获取坐标
+   */
+  getCoordinates() {
+    return this._config.coordinates;
+  }
+  /**
+   * 获取点数量
+   */
+  getPointCount() {
+    return this._config.coordinates.length;
+  }
+  /**
+   * 添加点
+   */
+  addPoint(coordinate) {
+    this._config.coordinates.push(coordinate);
+    this.updateFeatureGeometry();
+    this.updateStyle();
+  }
+  /**
+   * 移除点
+   */
+  removePoint(index2) {
+    if (index2 >= 0 && index2 < this._config.coordinates.length) {
+      this._config.coordinates.splice(index2, 1);
+      this.updateFeatureGeometry();
+      this.updateStyle();
+      return true;
+    }
+    return false;
+  }
+  /**
+   * 更新点坐标
+   */
+  updatePoint(index2, coordinate) {
+    if (index2 >= 0 && index2 < this._config.coordinates.length) {
+      this._config.coordinates[index2] = coordinate;
+      this.updateFeatureGeometry();
+      this.updateStyle();
+      return true;
+    }
+    return false;
+  }
+  /**
+   * 获取边界框
+   */
+  getBounds() {
+    const coordinates2 = this._config.coordinates;
+    if (coordinates2.length === 0)
+      return null;
+    let minX = coordinates2[0][0];
+    let minY = coordinates2[0][1];
+    let maxX = coordinates2[0][0];
+    let maxY = coordinates2[0][1];
+    coordinates2.forEach((coord) => {
+      minX = Math.min(minX, coord[0]);
+      minY = Math.min(minY, coord[1]);
+      maxX = Math.max(maxX, coord[0]);
+      maxY = Math.max(maxY, coord[1]);
+    });
+    return [minX, minY, maxX, maxY];
+  }
+  /**
+   * 计算总距离（连接线长度）
+   */
+  getTotalDistance(unit = "m") {
+    const coordinates2 = this._config.coordinates;
+    if (coordinates2.length < 2)
+      return 0;
+    let totalDistance = 0;
+    for (let i = 0; i < coordinates2.length - 1; i++) {
+      const dx = coordinates2[i + 1][0] - coordinates2[i][0];
+      const dy = coordinates2[i + 1][1] - coordinates2[i][1];
+      totalDistance += Math.sqrt(dx * dx + dy * dy);
+    }
+    switch (unit) {
+      case "km":
+        return totalDistance / 1e3;
+      case "mi":
+        return totalDistance / 1609.34;
+      case "ft":
+        return totalDistance * 3.28084;
+      default:
+        return totalDistance;
+    }
+  }
+  /**
+   * 设置点样式
+   */
+  setPointStyle(options) {
+    if (options.style)
+      this._style.pointStyle = options.style;
+    if (options.color)
+      this._style.color = options.color;
+    if (options.size !== void 0)
+      this._style.size = options.size;
+    if (options.opacity !== void 0)
+      this._style.opacity = options.opacity;
+    this.updateStyle();
+  }
+  /**
+   * 设置连接线显示
+   */
+  setConnectingLinesVisible(visible, options) {
+    this._style.showConnectingLines = visible;
+    if (options == null ? void 0 : options.color)
+      this._style.connectingLineColor = options.color;
+    if ((options == null ? void 0 : options.width) !== void 0)
+      this._style.connectingLineWidth = options.width;
+    if (options == null ? void 0 : options.dash)
+      this._style.connectingLineDash = options.dash;
+    if ((options == null ? void 0 : options.opacity) !== void 0)
+      this._style.connectingLineOpacity = options.opacity;
+    this.updateStyle();
+  }
+  /**
+   * 设置点索引显示
+   */
+  setPointIndexVisible(visible, options) {
+    this._style.showPointIndex = visible;
+    if (options == null ? void 0 : options.fontSize)
+      this._style.indexFontSize = options.fontSize;
+    if (options == null ? void 0 : options.color)
+      this._style.indexColor = options.color;
+    if (options == null ? void 0 : options.offset)
+      this._style.indexOffset = options.offset;
+    this.updateStyle();
+  }
+  /**
+   * 设置坐标显示
+   */
+  setCoordinatesVisible(visible, options) {
+    this._style.showCoordinates = visible;
+    if (options == null ? void 0 : options.format)
+      this._style.coordinateFormat = options.format;
+    if ((options == null ? void 0 : options.precision) !== void 0)
+      this._style.coordinatePrecision = options.precision;
+    this.updateStyle();
+  }
+  /**
+   * 创建实例
+   */
+  createInstance(config) {
+    return new MultiPointDrawing(config);
+  }
+  /**
+   * 从JSON反序列化
+   */
+  static fromJSON(data) {
+    const config = {
+      id: data.id,
+      type: "multipoint",
+      name: data.name,
+      coordinates: data.coordinates,
+      properties: data.properties || {},
+      style: data.style || {},
+      visible: data.visible !== false
+    };
+    return new MultiPointDrawing(config);
+  }
+  /**
+   * 从GeoJSON创建MultiPointDrawing
+   */
+  static fromGeoJSON(geoJsonFeature) {
+    var _a2;
+    if (geoJsonFeature.geometry.type !== "MultiPoint") {
+      throw new Error("GeoJSON feature must be of type MultiPoint");
+    }
+    const config = {
+      id: geoJsonFeature.id || `multipoint_${Date.now()}`,
+      type: "multipoint",
+      name: ((_a2 = geoJsonFeature.properties) == null ? void 0 : _a2.name) || "多点",
+      coordinates: geoJsonFeature.geometry.coordinates,
+      properties: geoJsonFeature.properties || {},
+      style: {},
+      visible: true
+    };
+    return new MultiPointDrawing(config);
+  }
+  /**
+   * 添加透明度到颜色
+   */
+  addOpacityToColor(color2, opacity2) {
+    if (opacity2 >= 1)
+      return color2;
+    if (color2.startsWith("#")) {
+      const hex = color2.slice(1);
+      const r = parseInt(hex.substr(0, 2), 16);
+      const g2 = parseInt(hex.substr(2, 2), 16);
+      const b2 = parseInt(hex.substr(4, 2), 16);
+      return `rgba(${r}, ${g2}, ${b2}, ${opacity2})`;
+    }
+    if (color2.startsWith("rgba")) {
+      return color2.replace(/[\d\.]+\)$/g, `${opacity2})`);
+    }
+    if (color2.startsWith("rgb")) {
+      return color2.replace("rgb", "rgba").replace(")", `, ${opacity2})`);
+    }
+    return color2;
+  }
+}
+class MultiPointDrawingFactory {
+  static create(config) {
+    return new MultiPointDrawing(config);
+  }
+  static getType() {
+    return "multipoint";
+  }
+  static getSupportedTypes() {
+    return ["multipoint", "multi-point"];
+  }
+  /**
+   * 从GeoJSON创建
+   */
+  static fromGeoJSON(geoJsonFeature) {
+    return MultiPointDrawing.fromGeoJSON(geoJsonFeature);
+  }
+  /**
+   * 创建预设样式的多点
+   */
+  static createPreset(coordinates2, preset, options) {
+    const presetStyles = {
+      default: { color: "#409eff" },
+      highlight: { color: "#e6a23c" },
+      warning: { color: "#f56c6c" },
+      success: { color: "#67c23a" },
+      danger: { color: "#f56c6c" }
+    };
+    const style = presetStyles[preset];
+    const config = {
+      type: "multipoint",
+      coordinates: coordinates2,
+      name: (options == null ? void 0 : options.name) || "多点",
+      style: {
+        ...style,
+        pointStyle: (options == null ? void 0 : options.pointStyle) || "circle",
+        size: 8,
+        opacity: 1,
+        strokeWidth: 2,
+        textContent: options == null ? void 0 : options.text,
+        showPointIndex: (options == null ? void 0 : options.showIndex) || false,
+        showConnectingLines: (options == null ? void 0 : options.showConnectingLines) || false,
+        showCoordinates: (options == null ? void 0 : options.showCoordinates) || false
+      }
+    };
+    return new MultiPointDrawing(config);
+  }
+}
+class MultiLineStringDrawing extends BaseDrawing {
+  constructor(config) {
+    super(config);
+    __publicField(this, "_config");
+    __publicField(this, "_style");
+    __publicField(this, "_animationFrame");
+    __publicField(this, "_animationStartTime");
+    this._config = config;
+    this._style = {
+      strokeColor: "#409eff",
+      strokeWidth: 2,
+      strokeOpacity: 1,
+      strokeLineCap: "round",
+      strokeLineJoin: "round",
+      strokeMiterLimit: 10,
+      showArrows: false,
+      arrowSize: 8,
+      arrowColor: "#409eff",
+      arrowSpacing: 50,
+      arrowStyle: "triangle",
+      showStartPoint: false,
+      showEndPoint: false,
+      startPointStyle: "circle",
+      endPointStyle: "circle",
+      pointSize: 6,
+      pointColor: "#409eff",
+      showVertices: false,
+      vertexSize: 4,
+      vertexColor: "#409eff",
+      vertexStyle: "circle",
+      showLineIndex: false,
+      indexFontSize: 12,
+      indexColor: "#333333",
+      indexOffset: [0, -10],
+      showLength: false,
+      lengthUnit: "m",
+      lengthPrecision: 2,
+      lengthPosition: "middle",
+      enableGradient: false,
+      gradientColors: ["#409eff", "#67c23a"],
+      gradientDirection: "horizontal",
+      enableAnimation: false,
+      animationType: "flow",
+      animationSpeed: 1e3,
+      animationDirection: "forward",
+      groupColors: [],
+      groupWidths: [],
+      groupDashes: [],
+      ...config.style
+    };
+  }
+  /**
+   * 创建要素
+   */
+  createFeature() {
+    const geometry = this.createMultiLineStringGeometry();
+    this.feature = new Feature$2({
+      geometry,
+      id: this.getId(),
+      type: this.getType(),
+      name: this.getName(),
+      properties: this.getProperties()
+    });
+  }
+  /**
+   * 创建多线段几何
+   */
+  createMultiLineStringGeometry() {
+    const coordinates2 = this._config.coordinates;
+    if (!coordinates2 || coordinates2.length === 0) {
+      throw new Error("MultiLineString coordinates cannot be empty");
+    }
+    coordinates2.forEach((lineCoords, index2) => {
+      if (lineCoords.length < 2) {
+        throw new Error(`Line ${index2} must have at least 2 points`);
+      }
+    });
+    return new MultiLineString$1(coordinates2);
+  }
+  /**
+   * 创建样式
+   */
+  createStyle() {
+    const styles = [];
+    styles.push(...this.createLineStyles());
+    if (this._style.showArrows) {
+      styles.push(...this.createArrowStyles());
+    }
+    if (this._style.showStartPoint || this._style.showEndPoint) {
+      styles.push(...this.createEndPointStyles());
+    }
+    if (this._style.showVertices) {
+      styles.push(...this.createVertexStyles());
+    }
+    if (this._style.showLineIndex) {
+      styles.push(...this.createIndexStyles());
+    }
+    if (this._style.showLength) {
+      styles.push(...this.createLengthStyles());
+    }
+    if (this._style.textContent) {
+      styles.push(this.createTextStyle());
+    }
+    return styles.length === 1 ? styles[0] : styles;
+  }
+  /**
+   * 创建线条样式
+   */
+  createLineStyles() {
+    const styles = [];
+    const coordinates2 = this._config.coordinates;
+    coordinates2.forEach((lineCoords, index2) => {
+      const lineGeometry = new LineString$1(lineCoords);
+      const strokeColor = this.getLineColor(index2);
+      const strokeWidth = this.getLineWidth(index2);
+      const strokeDash = this.getLineDash(index2);
+      const style = new Style$1({
+        geometry: lineGeometry,
+        stroke: new Stroke$1({
+          color: this.addOpacityToColor(strokeColor, this._style.strokeOpacity || 1),
+          width: strokeWidth,
+          lineDash: strokeDash,
+          lineCap: this._style.strokeLineCap || "round",
+          lineJoin: this._style.strokeLineJoin || "round",
+          miterLimit: this._style.strokeMiterLimit || 10
+        }),
+        zIndex: (this._style.zIndex || 0) + index2
+      });
+      styles.push(style);
+      if (this._style.enableGradient) {
+        styles.push(...this.createGradientStyles(lineGeometry, index2));
+      }
+    });
+    return styles;
+  }
+  /**
+   * 创建渐变样式
+   */
+  createGradientStyles(lineGeometry, index2) {
+    const styles = [];
+    const gradientColors = this._style.gradientColors || ["#409eff", "#67c23a"];
+    const segments = Math.min(gradientColors.length - 1, 10);
+    const coordinates2 = lineGeometry.getCoordinates();
+    this.calculateLineLength(coordinates2);
+    for (let i = 0; i < segments; i++) {
+      const startRatio = i / segments;
+      const endRatio = (i + 1) / segments;
+      const startIndex = Math.floor(startRatio * (coordinates2.length - 1));
+      const endIndex = Math.ceil(endRatio * (coordinates2.length - 1));
+      const segmentCoords = coordinates2.slice(startIndex, endIndex + 1);
+      if (segmentCoords.length < 2)
+        continue;
+      const segmentGeometry = new LineString$1(segmentCoords);
+      const color2 = this.interpolateColor(gradientColors[i], gradientColors[i + 1] || gradientColors[i], 0.5);
+      styles.push(new Style$1({
+        geometry: segmentGeometry,
+        stroke: new Stroke$1({
+          color: this.addOpacityToColor(color2, this._style.strokeOpacity || 1),
+          width: this.getLineWidth(index2),
+          lineCap: this._style.strokeLineCap || "round",
+          lineJoin: this._style.strokeLineJoin || "round"
+        }),
+        zIndex: (this._style.zIndex || 0) + index2 + 0.1
+      }));
+    }
+    return styles;
+  }
+  /**
+   * 创建箭头样式
+   */
+  createArrowStyles() {
+    const styles = [];
+    const coordinates2 = this._config.coordinates;
+    const arrowSize = this._style.arrowSize || 8;
+    const arrowSpacing = this._style.arrowSpacing || 50;
+    const arrowColor = this._style.arrowColor || this._style.strokeColor || "#409eff";
+    coordinates2.forEach((lineCoords, lineIndex) => {
+      if (lineCoords.length < 2)
+        return;
+      const lineLength = this.calculateLineLength(lineCoords);
+      const arrowCount = Math.floor(lineLength / arrowSpacing);
+      for (let i = 1; i <= arrowCount; i++) {
+        const ratio = i / (arrowCount + 1);
+        const arrowPosition = this.getPointAtRatio(lineCoords, ratio);
+        const arrowAngle = this.getAngleAtRatio(lineCoords, ratio);
+        if (arrowPosition) {
+          styles.push(this.createArrowStyle(arrowPosition, arrowAngle, arrowSize, arrowColor, lineIndex));
+        }
+      }
+    });
+    return styles;
+  }
+  /**
+   * 创建单个箭头样式
+   */
+  createArrowStyle(position2, angle2, size, color2, zIndex2) {
+    const arrowGeometry = new Point$1(position2);
+    switch (this._style.arrowStyle) {
+      case "triangle":
+        return new Style$1({
+          geometry: arrowGeometry,
+          image: new ol.style.RegularShape({
+            points: 3,
+            radius: size,
+            angle: angle2,
+            fill: new Fill$1({ color: color2 }),
+            stroke: new Stroke$1({ color: "#ffffff", width: 1 })
+          }),
+          zIndex: (this._style.zIndex || 0) + zIndex2 + 1
+        });
+      case "circle":
+        return new Style$1({
+          geometry: arrowGeometry,
+          image: new CircleStyle$1({
+            radius: size / 2,
+            fill: new Fill$1({ color: color2 }),
+            stroke: new Stroke$1({ color: "#ffffff", width: 1 })
+          }),
+          zIndex: (this._style.zIndex || 0) + zIndex2 + 1
+        });
+      case "square":
+        return new Style$1({
+          geometry: arrowGeometry,
+          image: new ol.style.RegularShape({
+            points: 4,
+            radius: size,
+            angle: angle2 + Math.PI / 4,
+            fill: new Fill$1({ color: color2 }),
+            stroke: new Stroke$1({ color: "#ffffff", width: 1 })
+          }),
+          zIndex: (this._style.zIndex || 0) + zIndex2 + 1
+        });
+      default:
+        return new Style$1({
+          geometry: arrowGeometry,
+          image: new ol.style.RegularShape({
+            points: 3,
+            radius: size,
+            angle: angle2,
+            fill: new Fill$1({ color: color2 }),
+            stroke: new Stroke$1({ color: "#ffffff", width: 1 })
+          }),
+          zIndex: (this._style.zIndex || 0) + zIndex2 + 1
+        });
+    }
+  }
+  /**
+   * 创建端点样式
+   */
+  createEndPointStyles() {
+    const styles = [];
+    const coordinates2 = this._config.coordinates;
+    const pointSize = this._style.pointSize || 6;
+    coordinates2.forEach((lineCoords, index2) => {
+      if (lineCoords.length < 2)
+        return;
+      if (this._style.showStartPoint) {
+        const startPoint = lineCoords[0];
+        const startColor = this._style.startPointColor || this._style.pointColor || "#409eff";
+        styles.push(this.createPointStyle(startPoint, this._style.startPointStyle || "circle", pointSize, startColor, index2));
+      }
+      if (this._style.showEndPoint) {
+        const endPoint = lineCoords[lineCoords.length - 1];
+        const endColor = this._style.endPointColor || this._style.pointColor || "#409eff";
+        styles.push(this.createPointStyle(endPoint, this._style.endPointStyle || "circle", pointSize, endColor, index2));
+      }
+    });
+    return styles;
+  }
+  /**
+   * 创建点样式
+   */
+  createPointStyle(coordinate, style, size, color2, zIndex2) {
+    const pointGeometry = new Point$1(coordinate);
+    switch (style) {
+      case "square":
+        return new Style$1({
+          geometry: pointGeometry,
+          image: new ol.style.RegularShape({
+            points: 4,
+            radius: size,
+            angle: Math.PI / 4,
+            fill: new Fill$1({ color: color2 }),
+            stroke: new Stroke$1({ color: "#ffffff", width: 2 })
+          }),
+          zIndex: (this._style.zIndex || 0) + zIndex2 + 2
+        });
+      case "triangle":
+        return new Style$1({
+          geometry: pointGeometry,
+          image: new ol.style.RegularShape({
+            points: 3,
+            radius: size,
+            fill: new Fill$1({ color: color2 }),
+            stroke: new Stroke$1({ color: "#ffffff", width: 2 })
+          }),
+          zIndex: (this._style.zIndex || 0) + zIndex2 + 2
+        });
+      case "star":
+        return new Style$1({
+          geometry: pointGeometry,
+          image: new ol.style.RegularShape({
+            points: 5,
+            radius: size,
+            radius2: size / 2,
+            fill: new Fill$1({ color: color2 }),
+            stroke: new Stroke$1({ color: "#ffffff", width: 2 })
+          }),
+          zIndex: (this._style.zIndex || 0) + zIndex2 + 2
+        });
+      default:
+        return new Style$1({
+          geometry: pointGeometry,
+          image: new CircleStyle$1({
+            radius: size,
+            fill: new Fill$1({ color: color2 }),
+            stroke: new Stroke$1({ color: "#ffffff", width: 2 })
+          }),
+          zIndex: (this._style.zIndex || 0) + zIndex2 + 2
+        });
+    }
+  }
+  /**
+   * 创建顶点样式
+   */
+  createVertexStyles() {
+    const styles = [];
+    const coordinates2 = this._config.coordinates;
+    const vertexSize = this._style.vertexSize || 4;
+    const vertexColor = this._style.vertexColor || "#409eff";
+    coordinates2.forEach((lineCoords, lineIndex) => {
+      lineCoords.forEach((coord) => {
+        const pointGeometry = new Point$1(coord);
+        const style = this._style.vertexStyle === "square" ? new Style$1({
+          geometry: pointGeometry,
+          image: new ol.style.RegularShape({
+            points: 4,
+            radius: vertexSize,
+            angle: Math.PI / 4,
+            fill: new Fill$1({ color: vertexColor }),
+            stroke: new Stroke$1({ color: "#ffffff", width: 1 })
+          }),
+          zIndex: (this._style.zIndex || 0) + lineIndex + 3
+        }) : new Style$1({
+          geometry: pointGeometry,
+          image: new CircleStyle$1({
+            radius: vertexSize,
+            fill: new Fill$1({ color: vertexColor }),
+            stroke: new Stroke$1({ color: "#ffffff", width: 1 })
+          }),
+          zIndex: (this._style.zIndex || 0) + lineIndex + 3
+        });
+        styles.push(style);
+      });
+    });
+    return styles;
+  }
+  /**
+   * 创建索引标注样式
+   */
+  createIndexStyles() {
+    const styles = [];
+    const coordinates2 = this._config.coordinates;
+    coordinates2.forEach((lineCoords, index2) => {
+      var _a2, _b2;
+      if (lineCoords.length < 2)
+        return;
+      const midPoint = this.getLineCenter(lineCoords);
+      const offsetPoint = [
+        midPoint[0] + (((_a2 = this._style.indexOffset) == null ? void 0 : _a2[0]) || 0),
+        midPoint[1] + (((_b2 = this._style.indexOffset) == null ? void 0 : _b2[1]) || -10)
+      ];
+      styles.push(new Style$1({
+        geometry: new Point$1(offsetPoint),
+        text: new Text$1({
+          text: `${index2 + 1}`,
+          font: `bold ${this._style.indexFontSize || 12}px ${this._style.fontFamily || "Arial"}`,
+          fill: new Fill$1({
+            color: this._style.indexColor || "#333333"
+          }),
+          stroke: new Stroke$1({
+            color: "#ffffff",
+            width: 2
+          }),
+          textAlign: "center",
+          textBaseline: "middle",
+          backgroundFill: new Fill$1({
+            color: "rgba(255, 255, 255, 0.8)"
+          }),
+          padding: [2, 4, 2, 4]
+        }),
+        zIndex: (this._style.zIndex || 0) + index2 + 4
+      }));
+    });
+    return styles;
+  }
+  /**
+   * 创建长度标注样式
+   */
+  createLengthStyles() {
+    const styles = [];
+    const coordinates2 = this._config.coordinates;
+    coordinates2.forEach((lineCoords, index2) => {
+      var _a2;
+      if (lineCoords.length < 2)
+        return;
+      const length = this.calculateLineLength(lineCoords);
+      const lengthText = this.formatLength(length);
+      let labelPosition;
+      switch (this._style.lengthPosition) {
+        case "start":
+          labelPosition = lineCoords[0];
+          break;
+        case "end":
+          labelPosition = lineCoords[lineCoords.length - 1];
+          break;
+        default:
+          labelPosition = this.getLineCenter(lineCoords);
+      }
+      const offsetPosition = [
+        labelPosition[0],
+        labelPosition[1] + (((_a2 = this._style.indexOffset) == null ? void 0 : _a2[1]) || -10) - 15
+      ];
+      styles.push(new Style$1({
+        geometry: new Point$1(offsetPosition),
+        text: new Text$1({
+          text: lengthText,
+          font: `${(this._style.fontSize || 12) - 1}px ${this._style.fontFamily || "Arial"}`,
+          fill: new Fill$1({
+            color: this._style.textColor || "#666666"
+          }),
+          stroke: new Stroke$1({
+            color: "#ffffff",
+            width: 1
+          }),
+          textAlign: "center",
+          textBaseline: "middle",
+          backgroundFill: new Fill$1({
+            color: "rgba(255, 255, 255, 0.9)"
+          }),
+          padding: [1, 3, 1, 3]
+        }),
+        zIndex: (this._style.zIndex || 0) + index2 + 4
+      }));
+    });
+    return styles;
+  }
+  /**
+   * 创建文字样式
+   */
+  createTextStyle() {
+    const center = this.getMultiLineStringCenter();
+    return new Style$1({
+      geometry: new Point$1(center),
+      text: new Text$1({
+        text: this._style.textContent || "",
+        font: `${this._style.fontSize || 14}px ${this._style.fontFamily || "Arial"}`,
+        fill: new Fill$1({
+          color: this._style.textColor || "#333333"
+        }),
+        stroke: new Stroke$1({
+          color: "#ffffff",
+          width: 2
+        }),
+        textAlign: this._style.textAlign || "center",
+        textBaseline: this._style.textBaseline || "middle",
+        offsetX: this._style.textOffsetX || 0,
+        offsetY: this._style.textOffsetY || 0
+      }),
+      zIndex: (this._style.zIndex || 0) + 5
+    });
+  }
+  /**
+   * 更新要素几何
+   */
+  updateFeatureGeometry() {
+    if (!this.feature)
+      return;
+    const geometry = this.createMultiLineStringGeometry();
+    this.feature.setGeometry(geometry);
+  }
+  /**
+   * 创建选择样式
+   */
+  createSelectionStyles() {
+    const selectionColor = this._style.selectionColor || "#ff6b6b";
+    const selectionWidth = this._style.selectionWidth || 3;
+    const selectionOpacity = this._style.selectionOpacity || 0.8;
+    const coordinates2 = this._config.coordinates;
+    const styles = [];
+    coordinates2.forEach((lineCoords, index2) => {
+      const lineGeometry = new LineString$1(lineCoords);
+      styles.push(new Style$1({
+        geometry: lineGeometry,
+        stroke: new Stroke$1({
+          color: this.addOpacityToColor(selectionColor, selectionOpacity),
+          width: selectionWidth,
+          lineDash: [5, 5]
+        }),
+        zIndex: (this._style.zIndex || 0) + index2 + 10
+      }));
+      if (this._style.showEditHandles) {
+        lineCoords.forEach((coord) => {
+          styles.push(new Style$1({
+            geometry: new Point$1(coord),
+            image: new CircleStyle$1({
+              radius: this._style.editHandleSize || 6,
+              fill: new Fill$1({
+                color: this._style.editHandleColor || "#ff6b6b"
+              }),
+              stroke: new Stroke$1({
+                color: "#ffffff",
+                width: 2
+              })
+            }),
+            zIndex: (this._style.zIndex || 0) + index2 + 11
+          }));
+        });
+      }
+    });
+    return styles;
+  }
+  /**
+   * 获取线条颜色（支持分组）
+   */
+  getLineColor(index2) {
+    const groupColors = this._style.groupColors;
+    if (groupColors && groupColors.length > 0) {
+      return groupColors[index2 % groupColors.length];
+    }
+    return this._style.strokeColor || "#409eff";
+  }
+  /**
+   * 获取线条宽度（支持分组）
+   */
+  getLineWidth(index2) {
+    const groupWidths = this._style.groupWidths;
+    if (groupWidths && groupWidths.length > 0) {
+      return groupWidths[index2 % groupWidths.length];
+    }
+    return this._style.strokeWidth || 2;
+  }
+  /**
+   * 获取线条虚线样式（支持分组）
+   */
+  getLineDash(index2) {
+    const groupDashes = this._style.groupDashes;
+    if (groupDashes && groupDashes.length > 0) {
+      return groupDashes[index2 % groupDashes.length];
+    }
+    return this._style.strokeDash;
+  }
+  /**
+   * 计算线段长度
+   */
+  calculateLineLength(coordinates2) {
+    let length = 0;
+    for (let i = 0; i < coordinates2.length - 1; i++) {
+      const dx = coordinates2[i + 1][0] - coordinates2[i][0];
+      const dy = coordinates2[i + 1][1] - coordinates2[i][1];
+      length += Math.sqrt(dx * dx + dy * dy);
+    }
+    return length;
+  }
+  /**
+   * 获取线段中心点
+   */
+  getLineCenter(coordinates2) {
+    const totalLength = this.calculateLineLength(coordinates2);
+    const halfLength = totalLength / 2;
+    let currentLength = 0;
+    for (let i = 0; i < coordinates2.length - 1; i++) {
+      const segmentLength = Math.sqrt(
+        Math.pow(coordinates2[i + 1][0] - coordinates2[i][0], 2) + Math.pow(coordinates2[i + 1][1] - coordinates2[i][1], 2)
+      );
+      if (currentLength + segmentLength >= halfLength) {
+        const ratio = (halfLength - currentLength) / segmentLength;
+        return [
+          coordinates2[i][0] + (coordinates2[i + 1][0] - coordinates2[i][0]) * ratio,
+          coordinates2[i][1] + (coordinates2[i + 1][1] - coordinates2[i][1]) * ratio
+        ];
+      }
+      currentLength += segmentLength;
+    }
+    return coordinates2[Math.floor(coordinates2.length / 2)];
+  }
+  /**
+   * 获取多线段中心点
+   */
+  getMultiLineStringCenter() {
+    const coordinates2 = this._config.coordinates;
+    if (coordinates2.length === 0)
+      return [0, 0];
+    let totalX = 0;
+    let totalY = 0;
+    let totalPoints = 0;
+    coordinates2.forEach((lineCoords) => {
+      lineCoords.forEach((coord) => {
+        totalX += coord[0];
+        totalY += coord[1];
+        totalPoints++;
+      });
+    });
+    return totalPoints > 0 ? [totalX / totalPoints, totalY / totalPoints] : [0, 0];
+  }
+  /**
+   * 根据比例获取线上的点
+   */
+  getPointAtRatio(coordinates2, ratio) {
+    if (coordinates2.length < 2)
+      return null;
+    const totalLength = this.calculateLineLength(coordinates2);
+    const targetLength = totalLength * ratio;
+    let currentLength = 0;
+    for (let i = 0; i < coordinates2.length - 1; i++) {
+      const segmentLength = Math.sqrt(
+        Math.pow(coordinates2[i + 1][0] - coordinates2[i][0], 2) + Math.pow(coordinates2[i + 1][1] - coordinates2[i][1], 2)
+      );
+      if (currentLength + segmentLength >= targetLength) {
+        const segmentRatio = (targetLength - currentLength) / segmentLength;
+        return [
+          coordinates2[i][0] + (coordinates2[i + 1][0] - coordinates2[i][0]) * segmentRatio,
+          coordinates2[i][1] + (coordinates2[i + 1][1] - coordinates2[i][1]) * segmentRatio
+        ];
+      }
+      currentLength += segmentLength;
+    }
+    return coordinates2[coordinates2.length - 1];
+  }
+  /**
+   * 根据比例获取线上的角度
+   */
+  getAngleAtRatio(coordinates2, ratio) {
+    if (coordinates2.length < 2)
+      return 0;
+    const totalLength = this.calculateLineLength(coordinates2);
+    const targetLength = totalLength * ratio;
+    let currentLength = 0;
+    for (let i = 0; i < coordinates2.length - 1; i++) {
+      const segmentLength = Math.sqrt(
+        Math.pow(coordinates2[i + 1][0] - coordinates2[i][0], 2) + Math.pow(coordinates2[i + 1][1] - coordinates2[i][1], 2)
+      );
+      if (currentLength + segmentLength >= targetLength) {
+        const dx2 = coordinates2[i + 1][0] - coordinates2[i][0];
+        const dy2 = coordinates2[i + 1][1] - coordinates2[i][1];
+        return Math.atan2(dy2, dx2);
+      }
+      currentLength += segmentLength;
+    }
+    const lastIndex = coordinates2.length - 1;
+    const dx = coordinates2[lastIndex][0] - coordinates2[lastIndex - 1][0];
+    const dy = coordinates2[lastIndex][1] - coordinates2[lastIndex - 1][1];
+    return Math.atan2(dy, dx);
+  }
+  /**
+   * 颜色插值
+   */
+  interpolateColor(color1, color2, ratio) {
+    if (color1.startsWith("#") && color2.startsWith("#")) {
+      const r1 = parseInt(color1.slice(1, 3), 16);
+      const g1 = parseInt(color1.slice(3, 5), 16);
+      const b1 = parseInt(color1.slice(5, 7), 16);
+      const r2 = parseInt(color2.slice(1, 3), 16);
+      const g2 = parseInt(color2.slice(3, 5), 16);
+      const b2 = parseInt(color2.slice(5, 7), 16);
+      const r = Math.round(r1 + (r2 - r1) * ratio);
+      const g3 = Math.round(g1 + (g2 - g1) * ratio);
+      const b3 = Math.round(b1 + (b2 - b1) * ratio);
+      return `#${r.toString(16).padStart(2, "0")}${g3.toString(16).padStart(2, "0")}${b3.toString(16).padStart(2, "0")}`;
+    }
+    return ratio < 0.5 ? color1 : color2;
+  }
+  /**
+   * 格式化长度显示
+   */
+  formatLength(length) {
+    const unit = this._style.lengthUnit || "m";
+    const precision = this._style.lengthPrecision || 2;
+    switch (unit) {
+      case "km":
+        return `${(length / 1e3).toFixed(precision)} km`;
+      case "mi":
+        return `${(length / 1609.34).toFixed(precision)} mi`;
+      case "ft":
+        return `${(length * 3.28084).toFixed(precision)} ft`;
+      default:
+        return `${length.toFixed(precision)} m`;
+    }
+  }
+  /**
+   * 设置坐标
+   */
+  setCoordinates(coordinates2) {
+    this._config.coordinates = coordinates2;
+    this.updateFeatureGeometry();
+    this.updateStyle();
+  }
+  /**
+   * 获取坐标
+   */
+  getCoordinates() {
+    return this._config.coordinates;
+  }
+  /**
+   * 获取线段数量
+   */
+  getLineCount() {
+    return this._config.coordinates.length;
+  }
+  /**
+   * 添加线段
+   */
+  addLine(lineCoordinates) {
+    if (lineCoordinates.length < 2) {
+      throw new Error("Line must have at least 2 points");
+    }
+    this._config.coordinates.push(lineCoordinates);
+    this.updateFeatureGeometry();
+    this.updateStyle();
+  }
+  /**
+   * 移除线段
+   */
+  removeLine(index2) {
+    if (index2 >= 0 && index2 < this._config.coordinates.length) {
+      this._config.coordinates.splice(index2, 1);
+      this.updateFeatureGeometry();
+      this.updateStyle();
+      return true;
+    }
+    return false;
+  }
+  /**
+   * 获取总长度
+   */
+  getTotalLength(unit = "m") {
+    let totalLength = 0;
+    this._config.coordinates.forEach((lineCoords) => {
+      totalLength += this.calculateLineLength(lineCoords);
+    });
+    switch (unit) {
+      case "km":
+        return totalLength / 1e3;
+      case "mi":
+        return totalLength / 1609.34;
+      case "ft":
+        return totalLength * 3.28084;
+      default:
+        return totalLength;
+    }
+  }
+  /**
+   * 获取边界框
+   */
+  getBounds() {
+    const coordinates2 = this._config.coordinates;
+    if (coordinates2.length === 0)
+      return null;
+    let minX = Infinity;
+    let minY = Infinity;
+    let maxX = -Infinity;
+    let maxY = -Infinity;
+    coordinates2.forEach((lineCoords) => {
+      lineCoords.forEach((coord) => {
+        minX = Math.min(minX, coord[0]);
+        minY = Math.min(minY, coord[1]);
+        maxX = Math.max(maxX, coord[0]);
+        maxY = Math.max(maxY, coord[1]);
+      });
+    });
+    return [minX, minY, maxX, maxY];
+  }
+  /**
+   * 设置线条样式
+   */
+  setStrokeStyle(options) {
+    if (options.color)
+      this._style.strokeColor = options.color;
+    if (options.width !== void 0)
+      this._style.strokeWidth = options.width;
+    if (options.dash)
+      this._style.strokeDash = options.dash;
+    if (options.opacity !== void 0)
+      this._style.strokeOpacity = options.opacity;
+    if (options.lineCap)
+      this._style.strokeLineCap = options.lineCap;
+    if (options.lineJoin)
+      this._style.strokeLineJoin = options.lineJoin;
+    this.updateStyle();
+  }
+  /**
+   * 设置箭头显示
+   */
+  setArrowsVisible(visible, options) {
+    this._style.showArrows = visible;
+    if (options == null ? void 0 : options.size)
+      this._style.arrowSize = options.size;
+    if (options == null ? void 0 : options.color)
+      this._style.arrowColor = options.color;
+    if (options == null ? void 0 : options.spacing)
+      this._style.arrowSpacing = options.spacing;
+    if (options == null ? void 0 : options.style)
+      this._style.arrowStyle = options.style;
+    this.updateStyle();
+  }
+  /**
+   * 设置端点显示
+   */
+  setEndPointsVisible(options) {
+    if (options.showStart !== void 0)
+      this._style.showStartPoint = options.showStart;
+    if (options.showEnd !== void 0)
+      this._style.showEndPoint = options.showEnd;
+    if (options.startStyle)
+      this._style.startPointStyle = options.startStyle;
+    if (options.endStyle)
+      this._style.endPointStyle = options.endStyle;
+    if (options.size)
+      this._style.pointSize = options.size;
+    if (options.startColor)
+      this._style.startPointColor = options.startColor;
+    if (options.endColor)
+      this._style.endPointColor = options.endColor;
+    this.updateStyle();
+  }
+  /**
+   * 设置线段索引显示
+   */
+  setLineIndexVisible(visible, options) {
+    this._style.showLineIndex = visible;
+    if (options == null ? void 0 : options.fontSize)
+      this._style.indexFontSize = options.fontSize;
+    if (options == null ? void 0 : options.color)
+      this._style.indexColor = options.color;
+    if (options == null ? void 0 : options.offset)
+      this._style.indexOffset = options.offset;
+    this.updateStyle();
+  }
+  /**
+   * 设置长度显示
+   */
+  setLengthVisible(visible, options) {
+    this._style.showLength = visible;
+    if (options == null ? void 0 : options.unit)
+      this._style.lengthUnit = options.unit;
+    if ((options == null ? void 0 : options.precision) !== void 0)
+      this._style.lengthPrecision = options.precision;
+    if (options == null ? void 0 : options.position)
+      this._style.lengthPosition = options.position;
+    this.updateStyle();
+  }
+  /**
+   * 设置分组样式
+   */
+  setGroupStyles(options) {
+    if (options.colors)
+      this._style.groupColors = options.colors;
+    if (options.widths)
+      this._style.groupWidths = options.widths;
+    if (options.dashes)
+      this._style.groupDashes = options.dashes;
+    this.updateStyle();
+  }
+  /**
+   * 创建实例
+   */
+  createInstance(config) {
+    return new MultiLineStringDrawing(config);
+  }
+  /**
+   * 从JSON反序列化
+   */
+  static fromJSON(data) {
+    const config = {
+      id: data.id,
+      type: "multilinestring",
+      name: data.name,
+      coordinates: data.coordinates,
+      properties: data.properties || {},
+      style: data.style || {},
+      visible: data.visible !== false
+    };
+    return new MultiLineStringDrawing(config);
+  }
+  /**
+   * 从GeoJSON创建MultiLineStringDrawing
+   */
+  static fromGeoJSON(geoJsonFeature) {
+    var _a2;
+    if (geoJsonFeature.geometry.type !== "MultiLineString") {
+      throw new Error("GeoJSON feature must be of type MultiLineString");
+    }
+    const config = {
+      id: geoJsonFeature.id || `multilinestring_${Date.now()}`,
+      type: "multilinestring",
+      name: ((_a2 = geoJsonFeature.properties) == null ? void 0 : _a2.name) || "多线段",
+      coordinates: geoJsonFeature.geometry.coordinates,
+      properties: geoJsonFeature.properties || {},
+      style: {},
+      visible: true
+    };
+    return new MultiLineStringDrawing(config);
+  }
+  /**
+   * 添加透明度到颜色
+   */
+  addOpacityToColor(color2, opacity2) {
+    if (opacity2 >= 1)
+      return color2;
+    if (color2.startsWith("#")) {
+      const hex = color2.slice(1);
+      const r = parseInt(hex.substr(0, 2), 16);
+      const g2 = parseInt(hex.substr(2, 2), 16);
+      const b2 = parseInt(hex.substr(4, 2), 16);
+      return `rgba(${r}, ${g2}, ${b2}, ${opacity2})`;
+    }
+    if (color2.startsWith("rgba")) {
+      return color2.replace(/[\d\.]+\)$/g, `${opacity2})`);
+    }
+    if (color2.startsWith("rgb")) {
+      return color2.replace("rgb", "rgba").replace(")", `, ${opacity2})`);
+    }
+    return color2;
+  }
+}
+class MultiLineStringDrawingFactory {
   static create(config) {
-    return new PolygonDrawing(config);
+    return new MultiLineStringDrawing(config);
   }
   static getType() {
-    return "polygon";
+    return "multilinestring";
   }
   static getSupportedTypes() {
-    return ["polygon", "circle", "rectangle", "area"];
+    return ["multilinestring", "multi-linestring", "multiline"];
   }
   /**
-   * 创建预设样式的面
+   * 从GeoJSON创建
    */
-  static createPreset(coordinates2, type, preset, options) {
+  static fromGeoJSON(geoJsonFeature) {
+    return MultiLineStringDrawing.fromGeoJSON(geoJsonFeature);
+  }
+  /**
+   * 创建预设样式的多线段
+   */
+  static createPreset(coordinates2, preset, options) {
     const presetStyles = {
-      default: {
-        fillColor: "#409eff",
-        strokeColor: "#409eff",
-        fillOpacity: 0.3,
-        strokeOpacity: 1
-      },
-      highlight: {
-        fillColor: "#ffeb3b",
-        strokeColor: "#ff9800",
-        fillOpacity: 0.4,
-        strokeOpacity: 1
-      },
-      warning: {
-        fillColor: "#e6a23c",
-        strokeColor: "#e6a23c",
-        fillOpacity: 0.3,
-        strokeOpacity: 1
-      },
-      success: {
-        fillColor: "#67c23a",
-        strokeColor: "#67c23a",
-        fillOpacity: 0.3,
-        strokeOpacity: 1
-      },
-      danger: {
-        fillColor: "#f56c6c",
-        strokeColor: "#f56c6c",
-        fillOpacity: 0.3,
-        strokeOpacity: 1
-      }
+      default: { strokeColor: "#409eff" },
+      highlight: { strokeColor: "#e6a23c" },
+      warning: { strokeColor: "#f56c6c" },
+      success: { strokeColor: "#67c23a" },
+      danger: { strokeColor: "#f56c6c" }
     };
+    const style = presetStyles[preset];
     const config = {
-      type,
-      name: options == null ? void 0 : options.name,
+      type: "multilinestring",
       coordinates: coordinates2,
+      name: (options == null ? void 0 : options.name) || "多线段",
       style: {
-        ...presetStyles[preset],
+        ...style,
+        strokeWidth: 2,
+        strokeOpacity: 1,
         textContent: options == null ? void 0 : options.text,
-        showArea: (options == null ? void 0 : options.showArea) || false,
-        showPerimeter: (options == null ? void 0 : options.showPerimeter) || false
+        showArrows: (options == null ? void 0 : options.showArrows) || false,
+        showStartPoint: (options == null ? void 0 : options.showEndPoints) || false,
+        showEndPoint: (options == null ? void 0 : options.showEndPoints) || false,
+        showLength: (options == null ? void 0 : options.showLength) || false,
+        showLineIndex: (options == null ? void 0 : options.showIndex) || false
       }
     };
-    return new PolygonDrawing(config);
+    return new MultiLineStringDrawing(config);
   }
 }
 class ImageDrawing extends BaseDrawing {
@@ -57854,6 +60403,11 @@ class DrawingManager {
     __publicField(this, "_currentDrawingStyle", null);
     __publicField(this, "_tooltipHelper", null);
     __publicField(this, "_pointerMoveListener", null);
+    // 多线段绘制状态
+    __publicField(this, "_multiLineStringDrawing", null);
+    __publicField(this, "_multiLineStringCoordinates", []);
+    __publicField(this, "_multiPolygonDrawing", null);
+    __publicField(this, "_multiPolygonCoordinates", []);
     /**
      * 创建星形几何函数
      */
@@ -57879,10 +60433,7 @@ class DrawingManager {
       for (let i = 0; i < points * 2; i++) {
         const r = i % 2 === 0 ? outerRadius : innerRadius;
         const a2 = i * angle2 - Math.PI / 2;
-        coords.push([
-          center[0] + r * Math.cos(a2),
-          center[1] + r * Math.sin(a2)
-        ]);
+        coords.push([center[0] + r * Math.cos(a2), center[1] + r * Math.sin(a2)]);
       }
       coords.push(coords[0]);
       try {
@@ -57944,9 +60495,9 @@ class DrawingManager {
         deleteCondition: (event) => {
           return event.originalEvent.altKey && event.type === "singleclick";
         },
-        // 启用插入顶点条件（Shift+点击在边上插入顶点）
-        insertVertexCondition: (event) => {
-          return event.originalEvent.shiftKey;
+        // 禁用插入顶点条件
+        insertVertexCondition: () => {
+          return false;
         }
       });
       this._modifyInteraction.on("modifystart", (event) => {
@@ -58097,6 +60648,9 @@ class DrawingManager {
       case "rectangle":
       case "star":
       case "text":
+      case "multipoint":
+      case "multilinestring":
+      case "multipolygon":
         this.setupDrawInteraction(mode);
         this.enableSelectAndModify(false);
         this.showTooltip(mode);
@@ -58163,6 +60717,31 @@ class DrawingManager {
       case "text":
         type = "Point";
         break;
+      case "multipoint":
+        type = "LineString";
+        geometryFunction = (coordinates2, geometry) => {
+          if (!coordinates2 || coordinates2.length === 0) {
+            return null;
+          }
+          if (geometry && geometry instanceof MultiPoint$1) {
+            geometry.setCoordinates(coordinates2);
+            return geometry;
+          }
+          return new MultiPoint$1(coordinates2);
+        };
+        break;
+      case "multilinestring":
+        type = "LineString";
+        if (this._multiLineStringCoordinates.length === 0 && !this._multiLineStringDrawing) {
+          this._multiLineStringCoordinates = [];
+          this._multiLineStringDrawing = null;
+        }
+        break;
+      case "multipolygon":
+        type = "Polygon";
+        this._multiPolygonCoordinates = [];
+        this._multiPolygonDrawing = null;
+        break;
       default:
         return;
     }
@@ -58171,7 +60750,15 @@ class DrawingManager {
       source: this._source,
       type,
       geometryFunction,
-      style: drawStyle
+      style: drawStyle,
+      // 允许绘制操作
+      condition: (event) => {
+        return !event.originalEvent.altKey && !event.originalEvent.ctrlKey && !event.originalEvent.metaKey;
+      },
+      // 结束条件（根据不同类型判断）
+      finishCondition: (event) => {
+        return true;
+      }
     });
     this._drawInteraction.on("drawstart", (event) => {
       this.handleDrawStart(event);
@@ -58224,6 +60811,20 @@ class DrawingManager {
             lineDash: this._currentDrawingStyle.strokeDasharray
           })
         });
+      case "multipoint":
+        return new Style$1({
+          image: new CircleStyle$1({
+            radius: 6,
+            fill: new Fill$1({ color: "rgba(64, 158, 255, 0.8)" }),
+            stroke: new Stroke$1({ color: "#ffffff", width: 2 })
+          }),
+          // 连接线样式
+          stroke: new Stroke$1({
+            color: "rgba(64, 158, 255, 0.6)",
+            width: 1,
+            lineDash: [5, 5]
+          })
+        });
       case "polygon":
       case "circle":
       case "rectangle":
@@ -58249,6 +60850,11 @@ class DrawingManager {
     if (this._snapInteraction) {
       this._map.removeInteraction(this._snapInteraction);
     }
+    this._multiLineStringCoordinates = [];
+    this._multiLineStringDrawing = null;
+    this._multiPolygonCoordinates = [];
+    this._multiPolygonDrawing = null;
+    this.hideTooltip();
   }
   /**
    * 启用/禁用选择和修改交互
@@ -58314,11 +60920,32 @@ class DrawingManager {
         case "text":
           drawing = this.createTextDrawing(feature);
           break;
+        case "multipoint":
+          drawing = this.createMultiPointDrawing(feature);
+          break;
+        case "multilinestring":
+          console.log("HandleDrawEnd: Processing multilinestring mode");
+          drawing = this.handleMultiLineStringDrawEnd(feature);
+          console.log(
+            "HandleDrawEnd: MultiLineString result:",
+            drawing ? "Drawing created" : "Still drawing"
+          );
+          if (!drawing)
+            return;
+          break;
+        case "multipolygon":
+          drawing = this.handleMultiPolygonDrawEnd(feature);
+          if (!drawing)
+            return;
+          break;
         default:
           return;
       }
+      console.log("HandleDrawEnd: Adding drawing to manager:", drawing.getId());
       this.addDrawing(drawing);
-      if (this._config.allowContinuousDrawing === false) {
+      console.log("HandleDrawEnd: Drawing added successfully");
+      if (this._currentMode === "multilinestring" || this._currentMode === "multipolygon" || this._config.allowContinuousDrawing === false) {
+        console.log("HandleDrawEnd: Setting mode to none");
         this.setMode("none");
       }
       this.emit("drawing-end", drawing);
@@ -58421,10 +61048,7 @@ class DrawingManager {
     for (let i = 0; i < points * 2; i++) {
       const r = i % 2 === 0 ? outerRadius : innerRadius;
       const a2 = i * angle2 - Math.PI / 2;
-      coords.push([
-        center[0] + r * Math.cos(a2),
-        center[1] + r * Math.sin(a2)
-      ]);
+      coords.push([center[0] + r * Math.cos(a2), center[1] + r * Math.sin(a2)]);
     }
     coords.push(coords[0]);
     return new Polygon$1([coords]);
@@ -58439,7 +61063,9 @@ class DrawingManager {
         radius: 50
       };
     }
-    const outerPoints = coordinates2.filter((_2, index2) => index2 % 2 === 0 && index2 < 10);
+    const outerPoints = coordinates2.filter(
+      (_2, index2) => index2 % 2 === 0 && index2 < 10
+    );
     if (outerPoints.length === 0) {
       return {
         center: coordinates2[0] || [0, 0],
@@ -58467,10 +61093,7 @@ class DrawingManager {
     for (let i = 0; i < points * 2; i++) {
       const r = i % 2 === 0 ? radius : innerRadius;
       const a2 = i * angle2 - Math.PI / 2;
-      coords.push([
-        center[0] + r * Math.cos(a2),
-        center[1] + r * Math.sin(a2)
-      ]);
+      coords.push([center[0] + r * Math.cos(a2), center[1] + r * Math.sin(a2)]);
     }
     coords.push(coords[0]);
     return new Polygon$1([coords]);
@@ -58564,6 +61187,233 @@ class DrawingManager {
     const drawing = new TextDrawing(config);
     return drawing;
   }
+  /**
+   * 创建多点标绘
+   */
+  createMultiPointDrawing(feature) {
+    const geometry = feature.getGeometry();
+    const coordinates2 = geometry.getCoordinates();
+    const config = {
+      id: `multipoint_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`,
+      name: "多点标绘",
+      type: "multipoint",
+      coordinates: [coordinates2],
+      // 将单个点包装成多点数组
+      style: this._currentDrawingStyle || this._config.defaultStyle || {}
+    };
+    const drawing = new MultiPointDrawing(config);
+    return drawing;
+  }
+  /**
+   * 处理多线段绘制结束
+   */
+  handleMultiLineStringDrawEnd(feature) {
+    debugger;
+    const geometry = feature.getGeometry();
+    const coordinates2 = geometry.getCoordinates();
+    this._multiLineStringCoordinates.push(coordinates2);
+    console.log(
+      "MultiLineString draw end - Total segments:",
+      this._multiLineStringCoordinates.length
+    );
+    console.log("Finishing MultiLineString drawing with double-click");
+    this._source.removeFeature(feature);
+    if (this._multiLineStringDrawing && this._multiLineStringDrawing.feature) {
+      this._source.removeFeature(this._multiLineStringDrawing.feature);
+    }
+    return this.finishMultiLineStringDrawing();
+  }
+  /**
+   * 完成多线段标绘
+   */
+  finishMultiLineStringDrawing() {
+    if (!this._multiLineStringCoordinates || this._multiLineStringCoordinates.length === 0) {
+      throw new Error("No coordinates to create MultiLineString");
+    }
+    const validCoordinates = this._multiLineStringCoordinates.filter(
+      (lineCoords) => lineCoords && lineCoords.length >= 2
+    );
+    if (validCoordinates.length === 0) {
+      throw new Error("No valid line segments to create MultiLineString");
+    }
+    const config = {
+      id: `multilinestring_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`,
+      name: "多线标绘",
+      type: "multilinestring",
+      coordinates: validCoordinates,
+      style: this._currentDrawingStyle || this._config.defaultStyle || {}
+    };
+    const drawing = new MultiLineStringDrawing(config);
+    if (this._map && this._layer) {
+      drawing.initialize(this._map, this._layer);
+      console.log("MultiLineString drawing initialized and added to map");
+    }
+    if (this._multiLineStringDrawing && this._multiLineStringDrawing.feature) {
+      this._source.removeFeature(this._multiLineStringDrawing.feature);
+    }
+    this._multiLineStringCoordinates = [];
+    this._multiLineStringDrawing = null;
+    console.log("MultiLineString drawing finished, setting mode to none");
+    debugger;
+    this.setMode("none");
+    return drawing;
+  }
+  /**
+   * 更新多线段进度显示
+   */
+  updateMultiLineStringProgress() {
+    if (!this._multiLineStringCoordinates || this._multiLineStringCoordinates.length === 0) {
+      return;
+    }
+    const validCoordinates = this._multiLineStringCoordinates.filter(
+      (lineCoords) => lineCoords && lineCoords.length >= 2
+    );
+    if (validCoordinates.length === 0) {
+      return;
+    }
+    if (!this._multiLineStringDrawing) {
+      const config = {
+        id: `temp_multilinestring_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`,
+        name: "多线标绘（进行中）",
+        type: "multilinestring",
+        coordinates: [...validCoordinates],
+        style: this._currentDrawingStyle || this._config.defaultStyle || {}
+      };
+      this._multiLineStringDrawing = new MultiLineStringDrawing(config);
+      if (this._multiLineStringDrawing.feature) {
+        this._source.addFeature(this._multiLineStringDrawing.feature);
+      }
+    } else {
+      this._multiLineStringDrawing.setCoordinates([...validCoordinates]);
+    }
+    this.updateMultiLineStringTooltip();
+  }
+  /**
+   * 继续多线段绘制
+   */
+  continueMultiLineStringDrawing() {
+    if (this._currentMode !== "multilinestring") {
+      console.log(
+        "Current mode is not multilinestring, skipping continue drawing"
+      );
+      return;
+    }
+    if (this._drawInteraction) {
+      this._map.removeInteraction(this._drawInteraction);
+    }
+    setTimeout(() => {
+      if (this._currentMode === "multilinestring") {
+        this.setupDrawInteraction("multilinestring");
+      }
+    }, 100);
+  }
+  /**
+   * 处理多边形绘制结束
+   */
+  handleMultiPolygonDrawEnd(feature) {
+    const geometry = feature.getGeometry();
+    const coordinates2 = geometry.getCoordinates();
+    this._multiPolygonCoordinates.push(coordinates2);
+    this._source.removeFeature(feature);
+    if (this._multiPolygonDrawing && this._multiPolygonDrawing.feature) {
+      this._source.removeFeature(this._multiPolygonDrawing.feature);
+    }
+    return this.finishMultiPolygonDrawing();
+  }
+  /**
+   * 完成多边形标绘
+   */
+  finishMultiPolygonDrawing() {
+    const validCoordinates = this._multiPolygonCoordinates.filter(
+      (polygonCoords) => polygonCoords && polygonCoords.length > 0 && polygonCoords[0] && polygonCoords[0].length >= 3
+    );
+    const config = {
+      id: `multipolygon_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`,
+      name: "多面标绘",
+      type: "multipolygon",
+      coordinates: validCoordinates,
+      style: this._currentDrawingStyle || this._config.defaultStyle || {}
+    };
+    const drawing = new MultiPolygonDrawing(config);
+    this._multiPolygonCoordinates = [];
+    this._multiPolygonDrawing = null;
+    return drawing;
+  }
+  /**
+   * 更新多边形进度显示
+   */
+  updateMultiPolygonProgress() {
+    if (!this._multiPolygonCoordinates || this._multiPolygonCoordinates.length === 0) {
+      return;
+    }
+    const validCoordinates = this._multiPolygonCoordinates.filter(
+      (polygonCoords) => polygonCoords && polygonCoords.length > 0 && polygonCoords[0] && polygonCoords[0].length >= 3
+    );
+    if (validCoordinates.length === 0) {
+      return;
+    }
+    if (!this._multiPolygonDrawing) {
+      const config = {
+        id: `temp_multipolygon_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`,
+        name: "多面标绘（进行中）",
+        type: "multipolygon",
+        coordinates: [...validCoordinates],
+        style: this._currentDrawingStyle || this._config.defaultStyle || {}
+      };
+      this._multiPolygonDrawing = new MultiPolygonDrawing(config);
+      if (this._multiPolygonDrawing.feature) {
+        this._source.addFeature(this._multiPolygonDrawing.feature);
+      }
+    } else {
+      this._multiPolygonDrawing.setCoordinates([...validCoordinates]);
+    }
+    this.updateMultiPolygonTooltip();
+  }
+  /**
+   * 继续多边形绘制
+   */
+  continueMultiPolygonDrawing() {
+    if (this._drawInteraction) {
+      this._map.removeInteraction(this._drawInteraction);
+    }
+    setTimeout(() => {
+      this.setupDrawInteraction("multipolygon");
+    }, 100);
+  }
+  /**
+   * 创建多线标绘（保留原方法作为备用）
+   */
+  createMultiLineStringDrawing(feature) {
+    const geometry = feature.getGeometry();
+    const coordinates2 = geometry.getCoordinates();
+    const config = {
+      id: `multilinestring_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`,
+      name: "多线标绘",
+      type: "multilinestring",
+      coordinates: [coordinates2],
+      // 将单条线包装成多线数组
+      style: this._currentDrawingStyle || this._config.defaultStyle || {}
+    };
+    const drawing = new MultiLineStringDrawing(config);
+    return drawing;
+  }
+  /**
+   * 创建多面标绘
+   */
+  createMultiPolygonDrawing(feature) {
+    const geometry = feature.getGeometry();
+    const coordinates2 = geometry.getCoordinates();
+    const config = {
+      id: `multipolygon_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`,
+      name: "多面标绘",
+      type: "multipolygon",
+      coordinates: [coordinates2],
+      // 将单个多边形包装成多面数组
+      style: this._currentDrawingStyle || this._config.defaultStyle || {}
+    };
+    const drawing = new MultiPolygonDrawing(config);
+    return drawing;
+  }
   /**
    * 处理选择事件
    */
@@ -58751,10 +61601,9 @@ class DrawingManager {
         drawingData.coordinates[0] += offset;
         drawingData.coordinates[1] += offset;
       } else if (drawingData.type === "line") {
-        drawingData.coordinates = drawingData.coordinates.map((coord) => [
-          coord[0] + offset,
-          coord[1] + offset
-        ]);
+        drawingData.coordinates = drawingData.coordinates.map(
+          (coord) => [coord[0] + offset, coord[1] + offset]
+        );
       } else if (drawingData.type === "polygon") {
         if (((_a2 = drawingData.config) == null ? void 0 : _a2.type) === "circle" || ((_b2 = drawingData.config) == null ? void 0 : _b2.type) === "star") {
           if (drawingData.coordinates.center) {
@@ -58762,10 +61611,9 @@ class DrawingManager {
             drawingData.coordinates.center[1] += offset;
           }
         } else {
-          drawingData.coordinates = drawingData.coordinates.map((coord) => [
-            coord[0] + offset,
-            coord[1] + offset
-          ]);
+          drawingData.coordinates = drawingData.coordinates.map(
+            (coord) => [coord[0] + offset, coord[1] + offset]
+          );
         }
       }
       const newDrawing = this.createDrawingFromJSON(drawingData);
@@ -58784,7 +61632,8 @@ class DrawingManager {
    */
   createDrawingFromJSON(data) {
     try {
-      switch (data.type) {
+      const type = (data.type || "").toLowerCase();
+      switch (type) {
         case "point":
           return new PointDrawing(data);
         case "line":
@@ -58793,6 +61642,16 @@ class DrawingManager {
           return new PolygonDrawing(data);
         case "text":
           return new TextDrawing(data);
+        case "multipolygon":
+        case "multi-polygon":
+          return new MultiPolygonDrawing(data);
+        case "multipoint":
+        case "multi-point":
+          return new MultiPointDrawing(data);
+        case "multilinestring":
+        case "multi-linestring":
+        case "multiline":
+          return new MultiLineStringDrawing(data);
         default:
           console.warn("未知的标绘类型:", data.type);
           return null;
@@ -58802,6 +61661,58 @@ class DrawingManager {
       return null;
     }
   }
+  /**
+   * 从GeoJSON Feature创建标绘对象
+   */
+  createDrawingFromGeoJSON(feature) {
+    if (!feature || !feature.geometry) {
+      console.warn("无效的GeoJSON Feature:", feature);
+      return null;
+    }
+    const geometryType = feature.geometry.type.toLowerCase();
+    const coordinates2 = feature.geometry.coordinates;
+    const properties = feature.properties || {};
+    try {
+      let config = {
+        id: properties.id || `${geometryType}_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`,
+        name: properties.name || properties.title || `${geometryType}标绘`,
+        type: geometryType,
+        coordinates: coordinates2,
+        style: this._config.defaultStyle || {}
+      };
+      if (properties.description) {
+        config.description = properties.description;
+      }
+      if (properties.category) {
+        config.category = properties.category;
+      }
+      if (properties.area) {
+        config.area = properties.area;
+      }
+      switch (geometryType) {
+        case "point":
+          return new PointDrawing(config);
+        case "linestring":
+          config.type = "line";
+          return new LineDrawing(config);
+        case "polygon":
+          return new PolygonDrawing(config);
+        case "multipoint":
+          return new MultiPointDrawing(config);
+        case "multilinestring":
+          config.type = "multilinestring";
+          return new MultiLineStringDrawing(config);
+        case "multipolygon":
+          return new MultiPolygonDrawing(config);
+        default:
+          console.warn("不支持的几何类型:", geometryType);
+          return null;
+      }
+    } catch (error) {
+      console.error("从GeoJSON创建标绘对象失败:", error);
+      return null;
+    }
+  }
   /**
    * 清除所有标绘
    */
@@ -58839,7 +61750,9 @@ class DrawingManager {
    * 导出为JSON
    */
   toJSON() {
-    const drawings = Array.from(this._drawings.values()).map((drawing) => drawing.toJSON());
+    const drawings = Array.from(this._drawings.values()).map(
+      (drawing) => drawing.toJSON()
+    );
     return {
       drawings,
       config: {
@@ -58918,7 +61831,6 @@ class DrawingManager {
     if (listeners) {
       listeners.forEach((listener) => {
         try {
-          ;
           listener(...args);
         } catch (error) {
           console.error(`Error in ${event} listener:`, error);
@@ -58942,6 +61854,46 @@ class DrawingManager {
       return;
     this._tooltipHelper.hide();
   }
+  /**
+   * 更新多线段绘制的鼠标跟随提示
+   */
+  updateMultiLineStringTooltip() {
+    var _a2;
+    if (!this._tooltipHelper)
+      return;
+    if (!this._multiLineStringCoordinates || this._multiLineStringCoordinates.length === 0) {
+      return;
+    }
+    const lineCount = this._multiLineStringCoordinates.length;
+    const currentLinePoints = ((_a2 = this._multiLineStringCoordinates[lineCount - 1]) == null ? void 0 : _a2.length) || 0;
+    let tooltipText = `多线段绘制 (已绘制 ${lineCount} 条线段)`;
+    if (currentLinePoints > 0) {
+      tooltipText += `
+当前线段: ${currentLinePoints} 个点`;
+    }
+    tooltipText += "\n双击结束当前线段";
+    this._tooltipHelper.updateText(tooltipText);
+  }
+  /**
+   * 更新多边形绘制的鼠标跟随提示
+   */
+  updateMultiPolygonTooltip() {
+    var _a2;
+    if (!this._tooltipHelper)
+      return;
+    if (!this._multiPolygonCoordinates || this._multiPolygonCoordinates.length === 0) {
+      return;
+    }
+    const polygonCount = this._multiPolygonCoordinates.length;
+    const currentPolygonRings = ((_a2 = this._multiPolygonCoordinates[polygonCount - 1]) == null ? void 0 : _a2.length) || 0;
+    let tooltipText = `多边形绘制 (已绘制 ${polygonCount} 个多边形)`;
+    if (currentPolygonRings > 0) {
+      tooltipText += `
+当前多边形: ${currentPolygonRings} 个环`;
+    }
+    tooltipText += "\n双击结束当前多边形";
+    this._tooltipHelper.updateText(tooltipText);
+  }
   /**
    * 销毁管理器
    */
@@ -58987,6 +61939,13 @@ const DrawingFactoryRegistry = {
   icon: IconDrawingFactory,
   line: LineDrawingFactory,
   polygon: PolygonDrawingFactory,
+  multipolygon: MultiPolygonDrawingFactory,
+  "multi-polygon": MultiPolygonDrawingFactory,
+  multipoint: MultiPointDrawingFactory,
+  "multi-point": MultiPointDrawingFactory,
+  multilinestring: MultiLineStringDrawingFactory,
+  "multi-linestring": MultiLineStringDrawingFactory,
+  multiline: MultiLineStringDrawingFactory,
   image: ImageDrawingFactory,
   military: MilitaryDrawingFactory
 };
@@ -64190,6 +67149,7 @@ const _sfc_main$c = {
       { label: "点", value: "point" },
       { label: "线", value: "line" },
       { label: "面", value: "polygon" },
+      { label: "多几何", value: "multi" },
       { label: "复合标绘", value: "composite" },
       { label: "编辑工具", value: "edit" }
     ];
@@ -64225,6 +67185,11 @@ const _sfc_main$c = {
         { icon: "i-carbon-chart-area", label: "面带文字", type: "polygon-with-text" },
         { icon: "i-carbon-map", label: "标注点", type: "marker-with-label" }
       ],
+      multi: [
+        { icon: "i-carbon-location", label: "多点", type: "multi-point" },
+        { icon: "i-carbon-chart-multiline", label: "多线", type: "multi-line" },
+        { icon: "i-carbon-layers", label: "多面", type: "multi-polygon" }
+      ],
       edit: [
         { icon: "i-carbon-cursor-1", label: "选择", type: "select" },
         { icon: "i-carbon-edit", label: "编辑", type: "modify" },
@@ -64233,7 +67198,7 @@ const _sfc_main$c = {
         { icon: "i-carbon-close", label: "取消", type: "cancel" }
       ]
     };
-    const selectedType = ref("point");
+    const selectedType = ref("multi");
     const activeDrawingTool = ref(null);
     const continuousDrawing = ref(false);
     const currentTools = computed(() => toolMap[selectedType.value] || []);
@@ -64580,6 +67545,46 @@ const _sfc_main$c = {
           });
           ElMessage.info(`开始绘制${tool.label}，请在地图上点击添加台风GIF点`);
           break;
+        case "multi-point":
+          drawingManager.value.setMode("multipoint", {
+            image: {
+              radius: 6,
+              fill: {
+                color: "#ff6b35"
+              },
+              stroke: {
+                color: "#ffffff",
+                width: 2
+              }
+            },
+            allowContinuousDrawing: continuousDrawing.value
+          });
+          ElMessage.info(`开始绘制${tool.label}，请在地图上点击添加多个点位，双击结束`);
+          break;
+        case "multi-line":
+          drawingManager.value.setMode("multilinestring", {
+            stroke: {
+              color: "#722ed1",
+              width: 3,
+              lineDash: [10, 5]
+            },
+            allowContinuousDrawing: continuousDrawing.value
+          });
+          ElMessage.info(`开始绘制${tool.label}，请在地图上绘制多条线段，双击结束每条线`);
+          break;
+        case "multi-polygon":
+          drawingManager.value.setMode("multipolygon", {
+            fill: {
+              color: "rgba(114, 46, 209, 0.3)"
+            },
+            stroke: {
+              color: "#722ed1",
+              width: 2
+            },
+            allowContinuousDrawing: continuousDrawing.value
+          });
+          ElMessage.info(`开始绘制${tool.label}，请在地图上绘制多个多边形，双击结束每个多边形`);
+          break;
         case "select":
           drawingManager.value.setMode("select");
           ElMessage.info("已切换到选择模式，点击图形进行选择");
@@ -64687,7 +67692,7 @@ const _sfc_main$c = {
     };
   }
 };
-const MarkTab = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-03234337"]]);
+const MarkTab = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-019ab9dd"]]);
 const _hoisted_1$9 = { class: "list-tab-container" };
 const _hoisted_2$9 = { class: "toolbar" };
 const _hoisted_3$8 = { class: "toolbar-left" };
@@ -66836,10 +69841,12 @@ class SearchMarkerManager {
   }
 }
 class MapManager {
-  constructor(config) {
+  constructor(config, eventBus, storage) {
     __publicField(this, "map", null);
     __publicField(this, "config");
     __publicField(this, "eventCallbacks", {});
+    __publicField(this, "eventBus");
+    __publicField(this, "storage");
     // 管理器实例
     __publicField(this, "eventManager", null);
     __publicField(this, "searchMarkerManager", null);
@@ -66854,6 +69861,8 @@ class MapManager {
     __publicField(this, "measurementType", null);
     __publicField(this, "contextMenuCoordinate", [0, 0]);
     this.config = config;
+    this.eventBus = eventBus;
+    this.storage = storage;
   }
   /**
    * 初始化地图
@@ -66920,7 +69929,7 @@ class MapManager {
   initManagers() {
     if (!this.map)
       return;
-    this.layerManager = new LayerManager(this.map);
+    this.layerManager = new LayerManager(this.map, this.eventBus, this.storage);
     const eventManagerConfig = {
       enabled: true,
       useMitt: true,
@@ -66957,7 +69966,7 @@ class MapManager {
     this.searchMarkerManager = new SearchMarkerManager(this.map, defaultSearchConfig);
     this.markerAdapter = new MarkerDrawingAdapter(this.map);
     this.drawingManager = new DrawingManager({ map: this.map });
-    this.measurementTool = new MeasurementTool(this.map);
+    this.measurementTool = new MeasurementTool(this.map, this.storage);
     const initialCenter = this.config.center || [116.404, 39.915];
     const initialZoom = this.config.zoom || 10;
     this.mapOperationTool = new MapOperationTool(this.map, initialCenter, initialZoom);
@@ -68018,16 +71027,18 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     config: {},
     width: { default: "100%" },
     height: { default: "100%" },
-    showToolbar: { type: Boolean, default: true },
-    showMapInfo: { type: Boolean, default: true },
+    showToolbar: { type: Boolean, default: void 0 },
+    showMapInfo: { type: Boolean, default: void 0 },
     loading: { type: Boolean, default: false },
     userMarkers: {},
     tooltipTemplate: {}
   },
-  emits: ["map-ready", "map-click", "map-dblclick", "map-contextmenu", "map-move", "zoom-change", "feature-info", "tooltip-show", "tooltip-hide", "feature-click", "measurement-start", "measurement-end", "measurement-result", "context-menu", "tool-action", "search", "search-select", "search-clear", "fullscreen-toggle"],
+  emits: ["map-ready", "map-click", "map-dblclick", "map-contextmenu", "map-move", "zoom-change", "feature-info", "tooltip-show", "tooltip-hide", "feature-click", "measurement-start", "measurement-end", "measurement-result", "context-menu", "tool-action", "search", "search-select", "search-clear", "fullscreen-toggle", "plugin-event"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
+    const eventBus = inject("eventBus");
+    const storage = inject("storage");
     const mapContainerRef = ref();
     const contextMenuRef = ref();
     const mapSearchRef = ref();
@@ -68040,6 +71051,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     const currentZoom = ref(0);
     const currentScale = ref("");
     const contextMenuCoordinate = ref([0, 0]);
+    ref();
     const isCoordinatePicking = ref(false);
     const coordinatePickCallback = ref(null);
     const startCoordinatePick = (callback) => {
@@ -68070,6 +71082,14 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
       width: typeof props.width === "number" ? `${props.width}px` : props.width,
       height: typeof props.height === "number" ? `${props.height}px` : props.height
     }));
+    const finalShowToolbar = computed(() => {
+      var _a2;
+      return props.showToolbar !== void 0 ? props.showToolbar : ((_a2 = props.config.ui) == null ? void 0 : _a2.showToolbar) ?? true;
+    });
+    const finalShowMapInfo = computed(() => {
+      var _a2;
+      return props.showMapInfo !== void 0 ? props.showMapInfo : ((_a2 = props.config.ui) == null ? void 0 : _a2.showMapInfo) ?? true;
+    });
     const tooltipConfig = computed(() => ({
       enabled: true,
       showCloseButton: true,
@@ -68141,7 +71161,11 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
       var _a2;
       if (!mapContainerRef.value)
         return;
-      mapManager = new MapManager(props.config);
+      if (!eventBus || !storage) {
+        console.error("EventBus or Storage not provided");
+        return;
+      }
+      mapManager = new MapManager(props.config, eventBus, storage);
       map.value = mapManager.initMap(mapId.value);
       bindMapEvents();
       if (props.config.layers && props.config.layers.length > 0) {
@@ -68610,6 +71634,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     __expose({
       getMap: () => map.value,
       getMapManager: () => mapManager,
+      getPluginManager: () => pluginManager,
       getEventManager: () => mapManager == null ? void 0 : mapManager.getEventManager(),
       getSearchMarkerManager: () => mapManager == null ? void 0 : mapManager.getSearchMarkerManager(),
       getMeasurementTool: () => mapManager == null ? void 0 : mapManager.getMeasurementTool(),
@@ -68656,7 +71681,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
           id: mapId.value,
           class: "w-full h-full bg-gray-100"
         }, null, 8, _hoisted_1$5),
-        _ctx.showToolbar ? (openBlock(), createBlock(MapToolbar, {
+        finalShowToolbar.value ? (openBlock(), createBlock(MapToolbar, {
           key: 0,
           ref_key: "mapToolbarRef",
           ref: mapToolbarRef,
@@ -68688,7 +71713,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
           ]),
           _: 3
         }, 8, ["config", "position", "direction"])) : createCommentVNode("", true),
-        _ctx.showMapInfo ? (openBlock(), createElementBlock("div", _hoisted_2$5, [
+        finalShowMapInfo.value ? (openBlock(), createElementBlock("div", _hoisted_2$5, [
           _cache[0] || (_cache[0] = createElementVNode("div", { class: "font-semibold text-white" }, "坐标:", -1)),
           createElementVNode("div", _hoisted_3$5, toDisplayString(currentCoordinate.value), 1),
           _cache[1] || (_cache[1] = createElementVNode("div", { class: "font-semibold text-white" }, "缩放:", -1)),
@@ -68782,7 +71807,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const MapContainer = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-b6d20a3c"]]);
+const MapContainer = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-5554afa9"]]);
 const _hoisted_1$4 = { class: "flex items-center justify-between px-4 py-3 border-b border-gray-200 bg-gray-50 rounded-t-lg" };
 const _hoisted_2$4 = { class: "panel-actions" };
 const _hoisted_3$4 = { class: "panel-content max-h-125 overflow-y-auto" };
@@ -70324,7 +73349,7 @@ function createPopupManager(map, config) {
   return new PopupManager(map, config);
 }
 const _hoisted_1 = {
-  key: 2,
+  key: 8,
   class: "absolute top-15 right-2.5 w-62.5 max-h-75 bg-white rounded-md shadow-lg z-1000 overflow-hidden md:w-50 md:top-20 md:right-1.25"
 };
 const _hoisted_2 = { class: "flex items-center justify-between px-4 py-3 border-b border-gray-200 bg-gray-50" };
@@ -70341,10 +73366,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     config: {},
     width: { default: "100%" },
     height: { default: "100%" },
-    showToolbar: { type: Boolean, default: true },
-    showMapInfo: { type: Boolean, default: true },
-    showLayerPanel: { type: Boolean, default: false },
-    showLegend: { type: Boolean },
+    showToolbar: { type: Boolean, default: void 0 },
+    showMapInfo: { type: Boolean, default: void 0 },
+    showLayerPanel: { type: Boolean, default: void 0 },
+    showLegend: { type: Boolean, default: void 0 },
     legendPosition: { default: "right" },
     legendWidth: { default: 280 },
     legendCollapsible: { type: Boolean, default: true },
@@ -70364,6 +73389,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
+    const instanceId = ref(`map-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`);
+    const eventBus = ref(createLayerEventBus());
+    const storage = ref(createMapStorage(instanceId.value));
+    ref(null);
     const mapContainerRef = ref();
     const map = ref();
     const loading = ref(false);
@@ -70373,11 +73402,58 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const configLoading = ref(false);
     const showLayerPanel = ref(false);
     const showPrintDialog = ref(false);
+    const slots = useSlots();
+    const hasToolbarSlot = computed(() => !!slots.toolbar);
+    const hasMapInfoSlot = computed(() => !!slots.mapInfo || !!slots["map-info"]);
+    const hasLayerPanelSlot = computed(() => !!slots.layerPanel || !!slots["layer-panel"]);
+    const hasLegendSlot = computed(() => !!slots.legend);
+    const finalShowToolbar = computed(() => {
+      var _a2;
+      if (hasToolbarSlot.value)
+        return false;
+      return props.showToolbar !== void 0 ? props.showToolbar : ((_a2 = finalMapConfig.value.ui) == null ? void 0 : _a2.showToolbar) ?? true;
+    });
+    const finalShowMapInfo = computed(() => {
+      var _a2;
+      if (hasMapInfoSlot.value)
+        return false;
+      return props.showMapInfo !== void 0 ? props.showMapInfo : ((_a2 = finalMapConfig.value.ui) == null ? void 0 : _a2.showMapInfo) ?? true;
+    });
+    const finalShowLayerPanel = computed(() => {
+      var _a2;
+      if (hasLayerPanelSlot.value)
+        return false;
+      return props.showLayerPanel !== void 0 ? props.showLayerPanel : ((_a2 = finalMapConfig.value.ui) == null ? void 0 : _a2.showLayerPanel) ?? false;
+    });
     const showLegend = computed(() => {
-      if (props.showLegend === false)
+      var _a2;
+      if (hasLegendSlot.value)
+        return false;
+      const finalShowLegend = props.showLegend !== void 0 ? props.showLegend : ((_a2 = finalMapConfig.value.ui) == null ? void 0 : _a2.showLegend) ?? true;
+      if (finalShowLegend === false)
         return false;
       return true;
     });
+    const finalLegendPosition = computed(() => {
+      var _a2;
+      return props.legendPosition || ((_a2 = finalMapConfig.value.ui) == null ? void 0 : _a2.legendPosition) || "right";
+    });
+    const finalLegendWidth = computed(() => {
+      var _a2;
+      return props.legendWidth || ((_a2 = finalMapConfig.value.ui) == null ? void 0 : _a2.legendWidth) || 280;
+    });
+    const finalLegendCollapsible = computed(() => {
+      var _a2;
+      return props.legendCollapsible !== void 0 ? props.legendCollapsible : ((_a2 = finalMapConfig.value.ui) == null ? void 0 : _a2.legendCollapsible) ?? true;
+    });
+    const finalLegendDefaultCollapsed = computed(() => {
+      var _a2;
+      return props.legendDefaultCollapsed !== void 0 ? props.legendDefaultCollapsed : ((_a2 = finalMapConfig.value.ui) == null ? void 0 : _a2.legendDefaultCollapsed) ?? false;
+    });
+    const finalLegendShowOnlyVisible = computed(() => {
+      var _a2;
+      return props.legendShowOnlyVisible !== void 0 ? props.legendShowOnlyVisible : ((_a2 = finalMapConfig.value.ui) == null ? void 0 : _a2.legendShowOnlyVisible) ?? true;
+    });
     const mapConfig = reactive({
       center: [116.404, 39.915],
       zoom: 10,
@@ -70456,7 +73532,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       (newResults) => {
         emit("measurement-change", newResults);
         if (props.enableStorage) {
-          MapStorage.saveMeasurements(newResults);
+          storage.value.saveMeasurements(newResults);
         }
       },
       { deep: true }
@@ -70498,7 +73574,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     });
     const loadStoredData = () => {
-      const storedMeasurements = MapStorage.getMeasurements();
+      const storedMeasurements = storage.value.getMeasurements();
       measurementResults.value = storedMeasurements;
     };
     const loadConfig = async () => {
@@ -70721,6 +73797,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     provide("layerPanelConfig", layerPanelConfig);
     provide("map", map);
+    provide("eventBus", eventBus);
+    provide("storage", storage);
+    provide("instanceId", instanceId);
     const toggleLayerPanel = () => {
       showLayerPanel.value = !showLayerPanel.value;
     };
@@ -70803,8 +73882,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           config: finalMapConfig.value,
           width: _ctx.width,
           height: _ctx.height,
-          "show-toolbar": _ctx.showToolbar,
-          "show-map-info": _ctx.showMapInfo,
+          "show-toolbar": finalShowToolbar.value,
+          "show-map-info": finalShowMapInfo.value,
           loading: loading.value,
           "tooltip-template": tooltipTemplate.value,
           onMapReady,
@@ -70833,20 +73912,26 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ]),
           _: 3
         }, 8, ["config", "width", "height", "show-toolbar", "show-map-info", "loading", "tooltip-template"]),
-        showLayerPanel.value ? (openBlock(), createBlock(LayerPanel, {
-          key: 0,
+        hasToolbarSlot.value ? renderSlot(_ctx.$slots, "toolbar", { key: 0 }) : createCommentVNode("", true),
+        hasMapInfoSlot.value ? renderSlot(_ctx.$slots, "mapInfo", { key: 1 }) : createCommentVNode("", true),
+        hasMapInfoSlot.value ? renderSlot(_ctx.$slots, "map-info", { key: 2 }) : createCommentVNode("", true),
+        finalShowLayerPanel.value ? (openBlock(), createBlock(LayerPanel, {
+          key: 3,
           visible: showLayerPanel.value,
           "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => showLayerPanel.value = $event),
           onLayerChange
         }, null, 8, ["visible"])) : createCommentVNode("", true),
+        hasLayerPanelSlot.value ? renderSlot(_ctx.$slots, "layerPanel", { key: 4 }) : createCommentVNode("", true),
+        hasLayerPanelSlot.value ? renderSlot(_ctx.$slots, "layer-panel", { key: 5 }) : createCommentVNode("", true),
         showLegend.value ? (openBlock(), createBlock(LegendPanel, {
-          key: 1,
-          position: _ctx.legendPosition,
-          width: _ctx.legendWidth,
-          collapsible: _ctx.legendCollapsible,
-          "default-collapsed": _ctx.legendDefaultCollapsed,
-          "show-only-visible": _ctx.legendShowOnlyVisible
+          key: 6,
+          position: finalLegendPosition.value,
+          width: finalLegendWidth.value,
+          collapsible: finalLegendCollapsible.value,
+          "default-collapsed": finalLegendDefaultCollapsed.value,
+          "show-only-visible": finalLegendShowOnlyVisible.value
         }, null, 8, ["position", "width", "collapsible", "default-collapsed", "show-only-visible"])) : createCommentVNode("", true),
+        hasLegendSlot.value ? renderSlot(_ctx.$slots, "legend", { key: 7 }) : createCommentVNode("", true),
         measurementResults.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_1, [
           createElementVNode("div", _hoisted_2, [
             _cache[3] || (_cache[3] = createElementVNode("h4", { class: "m-0 text-sm font-semibold text-gray-800" }, "测量结果", -1)),
@@ -79172,7 +82257,7 @@ function(t2) {
  */
 function(t2) {
   function e2() {
-    return (n.canvg ? Promise.resolve(n.canvg) : import("./index.es-769bacc2.mjs")).catch(function(t3) {
+    return (n.canvg ? Promise.resolve(n.canvg) : import("./index.es-9ab83315.mjs")).catch(function(t3) {
       return Promise.reject(new Error("Could not load canvg: " + t3));
     }).then(function(t3) {
       return t3.default ? t3.default : t3;
@@ -88065,19 +91150,25 @@ export {
   LineDrawingFactory as E,
   PolygonDrawing as F,
   PolygonDrawingFactory as G,
-  ImageDrawing as H,
+  MultiPolygonDrawing as H,
   IconDrawing as I,
-  ImageDrawingFactory as J,
-  MilitaryDrawing as K,
+  MultiPolygonDrawingFactory as J,
+  MultiPointDrawing as K,
   LayerManager as L,
   MeasurementTool as M,
-  MilitaryDrawingFactory as N,
-  DrawingManager as O,
+  MultiPointDrawingFactory as N,
+  MultiLineStringDrawing as O,
   PointDrawing as P,
-  DrawingManagerFactory as Q,
-  MapOperationTool as R,
-  htmlToPDF as S,
+  MultiLineStringDrawingFactory as Q,
+  ImageDrawing as R,
+  ImageDrawingFactory as S,
   TextDrawing as T,
+  MilitaryDrawing as U,
+  MilitaryDrawingFactory as V,
+  DrawingManager as W,
+  DrawingManagerFactory as X,
+  MapOperationTool as Y,
+  htmlToPDF as Z,
   _typeof as _,
   _sfc_main as a,
   _sfc_main$m as b,