v-openlayers 2.9.3 → 2.9.4

package/package/v-openlayers.mjs

@@ -34296,18 +34296,76 @@ function isFunction(obj) {
 function isEmptyObject(obj) {
   return isObject$1(obj) && Object.keys(obj).length === 0;
 }
+function isGeometry(geometry) {
+  return (geometry == null ? void 0 : geometry.getType) && [
+    "Point",
+    "LineString",
+    "LinearRing",
+    "Polygon",
+    "MultiPoint",
+    "MultiLineString",
+    "MultiPolygon",
+    "GeometryCollection",
+    "Circle"
+  ].includes(geometry == null ? void 0 : geometry.getType());
+}
+function isLinearRing(geometry) {
+  return (geometry == null ? void 0 : geometry.getType) && (geometry == null ? void 0 : geometry.getType()) === "LinearRing";
+}
+function isMultiPoint(geometry) {
+  return (geometry == null ? void 0 : geometry.getType) && (geometry == null ? void 0 : geometry.getType()) === "MultiPoint";
+}
+function isMultiLineString(geometry) {
+  return (geometry == null ? void 0 : geometry.getType) && (geometry == null ? void 0 : geometry.getType()) === "MultiLineString";
+}
+function isMultiPolygon(geometry) {
+  return (geometry == null ? void 0 : geometry.getType) && (geometry == null ? void 0 : geometry.getType()) === "MultiPolygon";
+}
+function isGeometryCollection(geometry) {
+  return (geometry == null ? void 0 : geometry.getType) && (geometry == null ? void 0 : geometry.getType()) === "GeometryCollection";
+}
+function isCircle(geometry) {
+  return (geometry == null ? void 0 : geometry.getType) && (geometry == null ? void 0 : geometry.getType()) === "Circle";
+}
+function isPoint(geometry) {
+  return (geometry == null ? void 0 : geometry.getType) && (geometry == null ? void 0 : geometry.getType()) === "Point";
+}
+function isLineString(geometry) {
+  return (geometry == null ? void 0 : geometry.getType) && (geometry == null ? void 0 : geometry.getType()) === "LineString";
+}
+function isPolygon(geometry) {
+  return (geometry == null ? void 0 : geometry.getType) && (geometry == null ? void 0 : geometry.getType()) === "Polygon";
+}
+function isGeoJSON(geojson2) {
+  return (geojson2 == null ? void 0 : geojson2.type) && ((geojson2 == null ? void 0 : geojson2.type) === "FeatureCollection" || (geojson2 == null ? void 0 : geojson2.type) === "Feature");
+}
+function isWKT(wkt2) {
+  return typeof wkt2 === "string" && (wkt2.startsWith("POINT") || wkt2.startsWith("LINESTRING") || wkt2.startsWith("POLYGON") || wkt2.startsWith("MULTIPOINT") || wkt2.startsWith("MULTILINESTRING") || wkt2.startsWith("MULTIPOLYGON") || wkt2.startsWith("GEOMETRYCOLLECTION"));
+}
 const TypeCheckUtils = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   isArray: isArray$1,
   isBlob,
+  isCircle,
   isEmptyObject,
   isFile,
   isFunction,
+  isGeoJSON,
+  isGeometry,
+  isGeometryCollection,
+  isLineString,
+  isLinearRing,
+  isMultiLineString,
+  isMultiPoint,
+  isMultiPolygon,
   isNumber: isNumber$1,
   isObject: isObject$1,
+  isPoint,
+  isPolygon,
   isRegExp,
   isString: isString$1,
-  isUndefined
+  isUndefined,
+  isWKT
 }, Symbol.toStringTag, { value: "Module" }));
 function isExternal(path2) {
   return /^(https?:|mailto:|tel:)/.test(path2);
@@ -34817,7 +34875,7 @@ function getImage({
 }) {
   let image = null;
   if (icon == null ? void 0 : icon.src) {
-    let { src, fromColor, toColor, scale: scale2 = 1, color } = icon;
+    let { src, fromColor = "currentColor", toColor, scale: scale2 = 1, color } = icon;
     if (fromColor && toColor) {
       src = getSvg(src, fromColor, toColor);
     }
@@ -56748,7 +56806,10 @@ class LayerHandler {
       matrixIds: params2.matrixIds || localParams.matrixIds
     };
   }
-  getWmtsUrl({ url, customParams = {} }) {
+  getWmtsUrl({
+    url,
+    customParams = {}
+  }) {
     const _requestParams = __spreadValues({}, customParams);
     if (Object.keys(customParams).length === 0) {
       return url;
@@ -57172,7 +57233,7 @@ class LayerHandler {
   // }
   /**
    * 创建矢量图层
-   * @param options 
+   * @param options
    * @param {*} options.id
    * @param {*} options.style
    * @returns vector layer
@@ -57191,7 +57252,7 @@ class LayerHandler {
   }
   /**
    * ring
-   * @param {*} options 
+   * @param {*} options
    * @param {*} options.center
    * @param {*} options.outerR
    * @param {*} options.innerR
@@ -57201,50 +57262,21 @@ class LayerHandler {
     var _a2;
     const layer = this.getVectorLayer();
     const feature2 = new Feature({
-      geometry: new GeometryHandler().createRing(options2.center, options2.outerR, options2.innerR)
+      geometry: new GeometryHandler().createRing(
+        options2.center,
+        options2.outerR,
+        options2.innerR
+      )
     });
     (_a2 = layer.getSource()) == null ? void 0 : _a2.addFeature(feature2);
     return layer;
   }
-  /**
-   * 创建点
-   * @param {*} options 
-   * @param {*} options.layerId
-   * @param {*} options.features
-   * @param {*} options.zIndex
-   * @param {*} options.style
-   * @param {*} options.map
-   * @param {*} options.clear
-   * @returns layer
-   */
   createPoints(options2) {
     return this.createCustomLayer(__spreadProps(__spreadValues({}, options2), { multiple: false }));
   }
-  /**
-   * 创建线
-   * @param {*} options 
-   * @param {*} options.layerId
-   * @param {*} options.features
-   * @param {*} options.zIndex
-   * @param {*} options.style
-   * @param {*} options.map
-   * @param {*} options.clear
-   * @returns layer
-   */
   createLines(options2) {
     return this.createCustomLayer(__spreadProps(__spreadValues({}, options2), { multiple: false }));
   }
-  /**
-   * 创建多线
-   * @param {*} options 
-   * @param {*} options.layerId
-   * @param {*} options.features
-   * @param {*} options.zIndex
-   * @param {*} options.style
-   * @param {*} options.map
-   * @param {*} options.clear
-   * @returns layer
-   */
   createMultiLines(options2) {
     return this.createCustomLayer(__spreadProps(__spreadValues({}, options2), { multiple: true }));
   }
@@ -57254,19 +57286,52 @@ class LayerHandler {
   createMultiPolygons(options2) {
     return this.createCustomLayer(__spreadProps(__spreadValues({}, options2), { multiple: true }));
   }
+  createLabels(options2) {
+    return this.createCustomLayer(__spreadProps(__spreadValues({}, options2), {
+      multiple: false
+    }));
+  }
   /**
-   * 创建自定义矢量图层
-   * @param {*} options 
-   * @param {*} options.layerId
-   * @param {*} options.features
-   * @param {*} options.zIndex
-   * @param {*} options.style
-   * @param {*} options.map
-   * @param {*} options.clear
-   * @param {*} options.multiple
-   * @param {*} options.cluster
-   * @param {*} options.geomField
-   * @returns layer
+   * 创建矢量点-单个要素
+   * @param options 图层配置选项
+   * @param {*} options.layerId 图层id
+   * @param {*} options.features 要素集合
+   * @param {*} options.zIndex 图层zIndex
+   * @param {*} options.style 图层样式
+   * @param {*} options.map 地图实例
+   * @param {*} options.clear 是否清空图层
+   * @param {*} options.point 点要素
+   * @returns 矢量图层
+   */
+  createPoint(options2) {
+    return this.createCustomLayer(__spreadProps(__spreadValues({
+      multiple: false
+    }, options2), {
+      style: {
+        circle: {
+          radius: 6,
+          fill: {
+            color: "red"
+          }
+        }
+      },
+      features: [options2.point]
+    }));
+  }
+  /**
+   * 创建矢量图层并添加到地图
+   * @param options 图层配置选项
+   * @param {*} options.layerId 图层id
+   * @param {*} options.features 要素集合
+   * @param {*} options.zIndex 图层zIndex
+   * @param {*} options.style 图层样式
+   * @param {*} options.map 地图实例
+   * @param {*} options.clear 是否清空图层
+   * @param {*} options.multiple 是否多要素
+   * @param {*} options.cluster 是否聚类
+   * @param {*} options.geomField 几何字段 默认wktstr
+   * @param {*} options.zoomToLayer 是否缩放到图层
+   * @returns 矢量图层
    */
   createCustomLayer(options2) {
     const {
@@ -61611,25 +61676,12 @@ class WktHandler extends WKT {
     return new WKT().writeFeature(feature2);
   }
   /**
-   * 将VectorLayer转换为WKT格式
-   * @param layer VectorLayer对象
-   * @returns WKT字符串
+   * 将WKT转换为Feature对象
+   * @param wkt WKT字符串
+   * @returns Feature对象
    */
-  layer2wkt(layer) {
-    var _a2;
-    if (layer) {
-      const features = ((_a2 = layer.getSource()) == null ? void 0 : _a2.getFeatures()) || [];
-      if (features.length === 1) {
-        const feature2 = features[0];
-        return new WKT().writeFeature(feature2);
-      } else if (features.length > 1) {
-        return new WKT().writeFeatures(features);
-      } else {
-        return "layer is null";
-      }
-    } else {
-      return "layer is null";
-    }
+  wkt2feature(wkt2) {
+    return new WKT().readFeature(wkt2);
   }
   /**
    * 将GeoJSON转换为WKT格式
@@ -61651,6 +61703,27 @@ class WktHandler extends WKT {
     const geojson2 = new GeoJSON().writeFeaturesObject(features);
     return geojson2;
   }
+  /**
+   * 将VectorLayer转换为WKT格式
+   * @param layer VectorLayer对象
+   * @returns WKT字符串
+   */
+  layer2wkt(layer) {
+    var _a2;
+    if (layer) {
+      const features = ((_a2 = layer.getSource()) == null ? void 0 : _a2.getFeatures()) || [];
+      if (features.length === 1) {
+        const feature2 = features[0];
+        return new WKT().writeFeature(feature2);
+      } else if (features.length > 1) {
+        return new WKT().writeFeatures(features);
+      } else {
+        return "layer is null";
+      }
+    } else {
+      return "layer is null";
+    }
+  }
   /**
    * 将WKT转换为VectorLayer
    * @param wkt WKT字符串
@@ -61941,15 +62014,15 @@ function distance(from, to, options2 = {}) {
 }
 function coordEach(geojson2, callback, excludeWrapCoord) {
   if (geojson2 === null) return;
-  var j, k, l, geometry, stopG, coords, geometryMaybeCollection, wrapShrink = 0, coordIndex = 0, isGeometryCollection, type = geojson2.type, isFeatureCollection = type === "FeatureCollection", isFeature = type === "Feature", stop = isFeatureCollection ? geojson2.features.length : 1;
+  var j, k, l, geometry, stopG, coords, geometryMaybeCollection, wrapShrink = 0, coordIndex = 0, isGeometryCollection2, type = geojson2.type, isFeatureCollection = type === "FeatureCollection", isFeature = type === "Feature", stop = isFeatureCollection ? geojson2.features.length : 1;
   for (var featureIndex = 0; featureIndex < stop; featureIndex++) {
     geometryMaybeCollection = isFeatureCollection ? geojson2.features[featureIndex].geometry : isFeature ? geojson2.geometry : geojson2;
-    isGeometryCollection = geometryMaybeCollection ? geometryMaybeCollection.type === "GeometryCollection" : false;
-    stopG = isGeometryCollection ? geometryMaybeCollection.geometries.length : 1;
+    isGeometryCollection2 = geometryMaybeCollection ? geometryMaybeCollection.type === "GeometryCollection" : false;
+    stopG = isGeometryCollection2 ? geometryMaybeCollection.geometries.length : 1;
     for (var geomIndex = 0; geomIndex < stopG; geomIndex++) {
       var multiFeatureIndex = 0;
       var geometryIndex = 0;
-      geometry = isGeometryCollection ? geometryMaybeCollection.geometries[geomIndex] : geometryMaybeCollection;
+      geometry = isGeometryCollection2 ? geometryMaybeCollection.geometries[geomIndex] : geometryMaybeCollection;
       if (geometry === null) continue;
       coords = geometry.coordinates;
       var geomType = geometry.type;
@@ -62054,16 +62127,16 @@ function featureReduce(geojson2, callback, initialValue) {
   return previousValue;
 }
 function geomEach(geojson2, callback) {
-  var i, j, g, geometry, stopG, geometryMaybeCollection, isGeometryCollection, featureProperties, featureBBox, featureId2, featureIndex = 0, isFeatureCollection = geojson2.type === "FeatureCollection", isFeature = geojson2.type === "Feature", stop = isFeatureCollection ? geojson2.features.length : 1;
+  var i, j, g, geometry, stopG, geometryMaybeCollection, isGeometryCollection2, featureProperties, featureBBox, featureId2, featureIndex = 0, isFeatureCollection = geojson2.type === "FeatureCollection", isFeature = geojson2.type === "Feature", stop = isFeatureCollection ? geojson2.features.length : 1;
   for (i = 0; i < stop; i++) {
     geometryMaybeCollection = isFeatureCollection ? geojson2.features[i].geometry : isFeature ? geojson2.geometry : geojson2;
     featureProperties = isFeatureCollection ? geojson2.features[i].properties : isFeature ? geojson2.properties : {};
     featureBBox = isFeatureCollection ? geojson2.features[i].bbox : isFeature ? geojson2.bbox : void 0;
     featureId2 = isFeatureCollection ? geojson2.features[i].id : isFeature ? geojson2.id : void 0;
-    isGeometryCollection = geometryMaybeCollection ? geometryMaybeCollection.type === "GeometryCollection" : false;
-    stopG = isGeometryCollection ? geometryMaybeCollection.geometries.length : 1;
+    isGeometryCollection2 = geometryMaybeCollection ? geometryMaybeCollection.type === "GeometryCollection" : false;
+    stopG = isGeometryCollection2 ? geometryMaybeCollection.geometries.length : 1;
     for (g = 0; g < stopG; g++) {
-      geometry = isGeometryCollection ? geometryMaybeCollection.geometries[g] : geometryMaybeCollection;
+      geometry = isGeometryCollection2 ? geometryMaybeCollection.geometries[g] : geometryMaybeCollection;
       if (geometry === null) {
         if (callback(
           null,
@@ -76727,6 +76800,26 @@ class GeojsonHandler extends GeoJSON {
     });
     return vectorLayer;
   }
+  /**
+   * 将VectorLayer转换为GeoJSON格式
+   * @param layer VectorLayer对象
+   * @returns GeoJSON对象
+   */
+  layer2geojson(layer) {
+    var _a2;
+    if (layer) {
+      const features = (_a2 = layer.getSource()) == null ? void 0 : _a2.getFeatures();
+      if (features.length === 1) {
+        return new GeoJSON().writeFeatureObject(features[0]);
+      } else if (features.length > 1) {
+        return new GeoJSON().writeFeaturesObject(features);
+      } else {
+        return { type: "FeatureCollection", features: [] };
+      }
+    } else {
+      return { type: "FeatureCollection", features: [] };
+    }
+  }
 }
 class Base {
   constructor() {
@@ -76917,7 +77010,7 @@ class MeasurementManager {
   /**
    * 创建测量图层
    */
-  createMeasurementLayer(geometry, isPolygon) {
+  createMeasurementLayer(geometry, isPolygon2) {
     const feature2 = new Feature({ geometry });
     const styles = [
       STYLE_CONFIG.RESULT_STYLE,
@@ -76925,7 +77018,7 @@ class MeasurementManager {
         geometry: (feature22) => {
           const geom = feature22.getGeometry();
           if (!geom) return null;
-          const coordinates2 = isPolygon ? geom.getCoordinates()[0] : geom.getCoordinates();
+          const coordinates2 = isPolygon2 ? geom.getCoordinates()[0] : geom.getCoordinates();
           return coordinates2 ? new MultiPoint(coordinates2) : null;
         }
       }))
@@ -76986,9 +77079,9 @@ class MeasurementManager {
         this.state.measureTooltip.setOffset([0, -7]);
       }
       if (this.state.lastGeometry) {
-        const isPolygon = this.state.curMeasureType === MEASURE_TYPES.AREA;
-        const layer = this.createMeasurementLayer(this.state.lastGeometry, isPolygon);
-        if (isPolygon) {
+        const isPolygon2 = this.state.curMeasureType === MEASURE_TYPES.AREA;
+        const layer = this.createMeasurementLayer(this.state.lastGeometry, isPolygon2);
+        if (isPolygon2) {
           this.state.polygonLayerArray.push(layer);
         } else {
           this.state.polylineLayerArray.push(layer);
@@ -78663,6 +78756,10 @@ class VMap {
    * @param {*} options 可选参数 {duration: 1000, minResolution: 0, maxZoom: 18}
    */
   zoomToExtent(extent, options2 = {}) {
+    if (!extent || extent.length === 0) {
+      console.error("参数不合法: extent不能为空");
+      return;
+    }
     const defaultOptions = {
       duration: 1e3,
       maxZoom: 18
@@ -78675,6 +78772,10 @@ class VMap {
    * @param {*} options 可选参数 {duration: 1000, minResolution: 0, maxZoom: 18}
    */
   zoomToPoint(coordinate, options2 = {}) {
+    if (!coordinate || coordinate.length === 0) {
+      console.error("参数不合法: coordinate不能为空");
+      return;
+    }
     const defaultOptions = {
       duration: 1e3,
       maxZoom: 18
@@ -78688,6 +78789,10 @@ class VMap {
    * @param {*} options 可选参数 {duration: 1000, minResolution: 0, maxZoom: 18}
    */
   zoomToGeometry(geometry, options2 = {}) {
+    if (!geometry) {
+      console.error("参数不合法: geometry不能为空");
+      return;
+    }
     const defaultOptions = {
       duration: 1e3,
       maxZoom: 18
@@ -78695,12 +78800,42 @@ class VMap {
     let view2 = this.map.getView();
     view2.fit(geometry, __spreadValues(__spreadValues({}, defaultOptions), options2));
   }
+  /**
+   * 缩放到集合对象
+   * @param {*} obj geometry | WKT | GeoJSON
+   */
+  zoomToObject(obj, options2 = {}) {
+    if (!obj) {
+      console.error("参数不合法: obj不能为空");
+      return;
+    }
+    const defaultOptions = {
+      duration: 1e3,
+      maxZoom: 18
+    };
+    if (isWKT(obj)) {
+      const geometry = new WKT().readGeometry(obj);
+      this.zoomToGeometry(geometry, __spreadValues(__spreadValues({}, defaultOptions), options2));
+    } else if (isGeoJSON(obj)) {
+      const geometry = new GeoJSON().readGeometry(obj);
+      this.zoomToGeometry(geometry, __spreadValues(__spreadValues({}, defaultOptions), options2));
+    } else if (isGeometry(obj)) {
+      this.zoomToGeometry(obj, __spreadValues(__spreadValues({}, defaultOptions), options2));
+    } else {
+      console.error("参数不合法: obj类型不支持");
+      return;
+    }
+  }
   /**
    * 缩放到图层
    * @param {*} id 图层id
    * @param {*} options 可选参数 {duration: 1000, minResolution: 0, maxZoom: 18}
    */
   zoomToLayerById(id2, options2 = {}) {
+    if (!id2) {
+      console.error("参数不合法: id不能为空");
+      return;
+    }
     const defaultOptions = {
       duration: 1e3,
       maxZoom: 18
@@ -78714,6 +78849,10 @@ class VMap {
    * @param {*} options 可选参数 {maxZoom: 18, duration: 1000 ,minResolution: 0}
    */
   zoomToLayer(layer, options2 = {}) {
+    if (!layer) {
+      console.error("参数不合法: layer不能为空");
+      return;
+    }
     const defaultOptions = {
       duration: 1e3,
       maxZoom: 18
@@ -78733,6 +78872,10 @@ class VMap {
    * @param {*} options 可选参数 {maxZoom: 18, duration: 1000 ,minResolution: 0}
    */
   zoomToLayers(layers, options2 = {}) {
+    if (!layers || layers.length === 0) {
+      console.error("参数不合法: layers不能为空");
+      return;
+    }
     const defaultOptions = {
       duration: 1e3,
       maxZoom: 18
@@ -78932,21 +79075,47 @@ class VMap {
   }
   /**
    * 获取面中心点坐标
-   * @param {*} polygon 面几何对象
+   * @param {*} polygon 面几何对象 Polygon|WKT|GeoJSON
    * @returns 中心点坐标 [x,y]
    */
   getCenterByPolygon(polygon2) {
-    const extent = polygon2.getExtent();
-    return [(extent[2] + extent[0]) / 2, (extent[3] + extent[1]) / 2];
+    let geometry = null;
+    if (isPolygon(polygon2)) {
+      geometry = polygon2;
+    } else if (isWKT(polygon2)) {
+      geometry = new WKT().readGeometry(polygon2);
+    } else if (isGeoJSON(polygon2)) {
+      geometry = new GeoJSON().readGeometry(polygon2);
+    }
+    if (!geometry) {
+      console.error("参数不合法");
+      return null;
+    }
+    return geometry.getInteriorPoint().getCoordinates();
   }
   /**
    * 获取线中心点
-   * @param {*} linestring 线几何对象
+   * @param {*} linestring 几何对象 LineString|WKT|GeoJSON
    * @returns 线几何对象中心点坐标 [x,y]
    */
   getCenterByLinestring(linestring) {
-    const coordinates2 = linestring.getCoordinates();
-    return coordinates2[Math.floor(coordinates2.length / 2)];
+    let geometry = null;
+    if (isLineString(linestring)) {
+      geometry = linestring;
+    } else if (isWKT(linestring)) {
+      geometry = new WKT().readGeometry(linestring);
+    } else if (isGeoJSON(linestring)) {
+      geometry = new GeoJSON().readGeometry(linestring);
+    }
+    if (!geometry) return null;
+    const coordinates2 = geometry.getCoordinates();
+    if (coordinates2.length === 2) {
+      const x = (coordinates2[0][0] + coordinates2[1][0]) / 2;
+      const y = (coordinates2[0][1] + coordinates2[1][1]) / 2;
+      return [x, y];
+    } else {
+      return coordinates2[Math.floor(coordinates2.length / 2)];
+    }
   }
   /**
    * 计算长度
@@ -78967,7 +79136,7 @@ class VMap {
   /**
    * 计算面积
    * @param {*} layer 面图层
-   * @param {*} projection 投影坐标系
+   * @param {*} projection 投影坐标系 默认EPSG:4326
    * @returns 面图层面积(单位：平方公里)
    */
   getAreaByLayer(layer, projection2 = "EPSG:4326") {
@@ -78982,15 +79151,42 @@ class VMap {
   }
   /**
    * 计算面积
-   * @param {*} polygon wkt | geojson
-   * @param {*} projection EPSG:4326
+   * @param {*} polygon 面几何对象 Polygon|WKT|GeoJSON
+   * @param {*} projection 投影坐标系 默认EPSG:4326
    * @returns 面积(单位：平方公里)
    */
   getAreaByPolygon(polygon2, projection2 = "EPSG:4326") {
-    const geom = typeof polygon2 === "string" ? new WKT().readGeometry(polygon2) : new GeoJSON().readGeometry(polygon2);
-    const area = getArea(geom, { projection: projection2 });
+    let geometry = null;
+    if (isPolygon(polygon2)) {
+      geometry = polygon2;
+    } else if (isWKT(polygon2)) {
+      geometry = new WKT().readGeometry(polygon2);
+    } else if (isGeoJSON(polygon2)) {
+      geometry = new GeoJSON().readGeometry(polygon2);
+    }
+    if (!geometry) return null;
+    const area = getArea(geometry, { projection: projection2 });
     return Number(area / 1e6);
   }
+  /**
+   * 计算长度
+   * @param {*} linestring 线几何对象 LineString|WKT|GeoJSON
+   * @param {*} projection 投影坐标系 默认EPSG:4326
+   * @returns 长度(单位：米)
+   */
+  getLengthByLinestring(linestring, projection2 = "EPSG:4326") {
+    let geometry = null;
+    if (isLineString(linestring)) {
+      geometry = linestring;
+    } else if (isWKT(linestring)) {
+      geometry = new WKT().readGeometry(linestring);
+    } else if (isGeoJSON(linestring)) {
+      geometry = new GeoJSON().readGeometry(linestring);
+    }
+    if (!geometry) return null;
+    const length2 = getLength(geometry, { projection: projection2 });
+    return Number(length2);
+  }
   /**
    * @description: 清理资源
    */
@@ -79475,7 +79671,7 @@ class OlHandler extends VMap {
     return vector;
   }
 }
-function getOlHandler(domid) {
+function getOlHandler(domid = "v-ol-map-id") {
   return new OlHandler(domid);
 }
 const useEmits$2 = [
@@ -81195,7 +81391,7 @@ const _hoisted_1$a = ["id"];
 const __default__$l = defineComponent({
   name: "OlMap"
 });
-const _sfc_main$m = /* @__PURE__ */ Object.assign(__default__$l, {
+const _sfc_main$m = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$l), {
   props: {
     mapConfig: {
       type: Object,
@@ -81283,6 +81479,7 @@ const _sfc_main$m = /* @__PURE__ */ Object.assign(__default__$l, {
         showBasemap: showBasemap.value,
         interactions: props.interactions
       }).then(({ map }) => {
+        var _a2, _b2, _c;
         olInstance.isSyncing = isSyncing;
         mapReady.value = true;
         map.set("mouseStatus", V_MOUSE_STATUS.none);
@@ -81290,7 +81487,12 @@ const _sfc_main$m = /* @__PURE__ */ Object.assign(__default__$l, {
         emits("ready", olInstance);
         curZoom.value = map.getView().getZoom() - 1;
         bindEvent();
-        createLayers(mapConfig2.value.businessLayers);
+        if (mapConfig2.value.businessLayers instanceof Array) {
+          createLayers(mapConfig2.value.businessLayers);
+        }
+        if (mapConfig2.value.maskLayer && ((_a2 = mapConfig2.value.maskLayer) == null ? void 0 : _a2.visible) && ((_c = (_b2 = mapConfig2.value.maskLayer) == null ? void 0 : _b2.innerPolygons) == null ? void 0 : _c.length) > 0) {
+          createMaskLayer(mapConfig2.value.maskLayer);
+        }
       });
     });
     let mousePoint = null;
@@ -81376,6 +81578,33 @@ const _sfc_main$m = /* @__PURE__ */ Object.assign(__default__$l, {
       };
       addLayer(layers);
     };
+    const createMaskLayer = ({
+      id: id2 = VcUtils.uuidOnlyStr(),
+      zIndex = 9999,
+      visible: visible2 = false,
+      style,
+      outerPolygon,
+      innerPolygons
+    }) => {
+      const layer = olInstance.layerHandler.getVectorLayer({
+        id: id2,
+        visible: visible2,
+        style: getStyle(style)
+      });
+      const polygons = [outerPolygon];
+      innerPolygons.forEach((element) => {
+        polygons.push(element);
+      });
+      const outer = new Polygon(polygons);
+      const feature2 = new Feature({
+        geometry: outer
+      });
+      layer.getSource().addFeature(feature2);
+      olInstance.map.addLayer(layer);
+      setTimeout(() => {
+        layer.setZIndex(zIndex);
+      }, 0);
+    };
     ref(false);
     let activeIdentify = ref("");
     let identifyList = ref([]);
@@ -81425,8 +81654,8 @@ const _sfc_main$m = /* @__PURE__ */ Object.assign(__default__$l, {
       ], 32);
     };
   }
-});
-const OlMap = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-3bb39f11"]]);
+}));
+const OlMap = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-ba4d3e4b"]]);
 const basemapSrc = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAWVJREFUWEftls9Kw0AQxr9JQTx4FxTP3hoPepUQ0ZvRiz5Ai0L6DuJT+KdI+wCetBexxRS8i43voOgbBA8Z2ZKWIG52mxjNYXPd2Znffpnd+QganzeIfDCOAaxphOuEjAC0ezvzl6SK9gafPjg+V8XlXPfVAP1I0No5C6i2jXQAWJWlwHr83wAwANVRYKv7csPMGwCW0k21sLJaoMfUW8cKuJ1Q2umlA7jd8BqMAwB3HNPJ8Kj+lOb2+lGZ1xDkdsJ3AIsc0/r34gLkLwDGJwya9o8NaQCMAkYBo0AVFCjXkk0Gkewl3L2PWkQ4U8+1HBGElpgFmU+xSJtACFv+W+Y0BFnt3vbchRZAjrNNR7xM2UlOA1AJBV6FD5QZkjz/37l6dizLGgJ4C5r2clYOSszonsySzQogilOtdkrMDhHdPjTq+5kAKlM6K0A6XnUDROzUhiXmdFP4wyJFAXyA8Bg07EOdPF/o6uB9Vuth3wAAAABJRU5ErkJggg==";
 const useProps$2 = {
   position: {
@@ -82811,7 +83040,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     watch(
       features,
       () => {
-        initLayer();
+        initLayer(false);
       },
       {
         deep: true
@@ -82849,28 +83078,29 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
         return true;
       }
     };
-    const initLayer = () => {
+    const initLayer = (isCheckId = true) => {
       const layerId2 = getLayerId();
-      if (isValidLayerId()) {
-        if (clusterOptions.value) {
-          olHandler.removeLayerById(layerId2);
-          layerObject.value = olHandler.getLayerHandler().getClusterLayer(features.value, __spreadValues({
-            id: layerId2,
-            visible: visible2.value,
-            style: layerStyle.value,
-            zIndex: zIndex.value,
-            geomField: geomField.value
-          }, clusterOptions.value));
-          olHandler.map.addLayer(layerObject.value);
-        } else {
-          layerObject.value = olHandler.getLayerHandler().createCustomLayer(__spreadProps(__spreadValues({}, props), {
-            clear: true,
-            layerId: layerId2,
-            style: layerStyle.value
-          }));
-        }
-        emits("ready", layerObject.value);
+      if (isCheckId && !isValidLayerId()) {
+        return;
+      }
+      if (clusterOptions.value) {
+        olHandler.removeLayerById(layerId2);
+        layerObject.value = olHandler.getLayerHandler().getClusterLayer(features.value, __spreadValues({
+          id: layerId2,
+          visible: visible2.value,
+          style: layerStyle.value,
+          zIndex: zIndex.value,
+          geomField: geomField.value
+        }, clusterOptions.value));
+        olHandler.map.addLayer(layerObject.value);
+      } else {
+        layerObject.value = olHandler.getLayerHandler().createCustomLayer(__spreadProps(__spreadValues({}, props), {
+          clear: true,
+          layerId: layerId2,
+          style: layerStyle.value
+        }));
       }
+      emits("ready", layerObject.value);
     };
     const initEvent = () => {
       handleSelect();