map-ol-utils 0.0.29 → 0.0.31

package/dist/index.cjs

@@ -82,6 +82,7 @@ __export(index_exports, {
   createWmtsLayer: () => createWmtsLayer,
   disposeMap: () => disposeMap,
   emitter: () => emitter_default,
+  getLayersDataList: () => getLayersDataList,
   getMapInstance: () => getMapInstance,
   instance: () => instance,
   removeAllLayers: () => removeAllLayers,
@@ -98,62 +99,6 @@ var import_mitt = __toESM(require("mitt"), 1);
 var emitter = (0, import_mitt.default)();
 var emitter_default = emitter;
 
-// src/ogc-utils.ts
-var import_source = require("ol/source");
-var import_Tile = __toESM(require("ol/layer/Tile"), 1);
-var import_format = require("ol/format");
-var import_WMTS = require("ol/source/WMTS");
-var parser = new import_format.WMTSCapabilities();
-var capabilitiesMap = /* @__PURE__ */ new Map();
-var getCapabilities = (url) => {
-  return new Promise((resolve) => {
-    const capabilities = capabilitiesMap.get(url);
-    if (capabilities) {
-      resolve(capabilities);
-    } else {
-      fetch(url).then((data) => data.text()).then((text) => {
-        const capabilities2 = parser.read(text);
-        capabilitiesMap.set(url, capabilities2);
-        resolve(capabilities2);
-      });
-    }
-  });
-};
-var createWmtsLayer = (serverUrl) => (config) => __async(void 0, null, function* () {
-  const { style, format, version, layerName, matrixSet } = config;
-  const [workspace, datastore] = layerName.split(":");
-  const capabilitiesUrl = `${serverUrl}/${workspace}/${datastore}/gwc/service/wmts?request=GetCapabilities`;
-  return new Promise((resolve, reject) => {
-    getCapabilities(capabilitiesUrl).then((data) => {
-      const options = (0, import_WMTS.optionsFromCapabilities)(data, {
-        Style: style || "",
-        layer: datastore,
-        version: version || "1.1.0",
-        format: format || "image/png",
-        matrixSet: matrixSet || "EPSG:4326"
-      });
-      console.log(options);
-      if (options) {
-        resolve(
-          new import_Tile.default({
-            zIndex: 3,
-            className: layerName,
-            source: new import_source.WMTS(options)
-          })
-        );
-      } else {
-        reject(new Error("Unable to create TileLayer"));
-      }
-    });
-  });
-});
-
-// src/base-layer.ts
-var import_source2 = require("ol/source");
-var import_source3 = require("ol/source");
-var import_tilegrid = require("ol/tilegrid");
-var import_layer = require("ol/layer");
-
 // src/create-map.ts
 var import_Map = __toESM(require("ol/Map"), 1);
 var import_View = __toESM(require("ol/View"), 1);
@@ -162,25 +107,7 @@ var import_control = require("ol/control");
 // src/layer-utils.ts
 var import_gcoord = __toESM(require("gcoord"), 1);
 var import_geom = require("ol/geom");
-
-// src/helper.ts
-var hexToRgba = (hex, alpha) => {
-  if (hex.startsWith("#")) {
-    let tempHex = hex.replace("#", "");
-    if (tempHex.length === 3) {
-      tempHex = hex[0] + hex[0] + hex[1] + hex[1] + hex[2] + hex[2];
-    }
-    const r = parseInt(tempHex.substring(0, 2), 16);
-    const g = parseInt(tempHex.substring(2, 4), 16);
-    const b = parseInt(tempHex.substring(4, 6), 16);
-    return `rgba(${r}, ${g}, ${b}, ${alpha})`;
-  } else {
-    return hex;
-  }
-};
-
-// src/layer-utils.ts
-var import_format2 = require("ol/format");
+var import_format = require("ol/format");
 var import_ol = require("ol");
 var import_interaction = require("ol/interaction");
 var import_Vector = __toESM(require("ol/layer/Vector"), 1);
@@ -242,7 +169,15 @@ var assembleGeoJson = (dataList, config) => {
   return !needTransform ? { type: "FeatureCollection", features: tempList } : import_gcoord.default.transform({ type: "FeatureCollection", features: tempList }, import_gcoord.default.GCJ02, import_gcoord.default.WGS84);
 };
 var createVectorStyle = (data, config) => {
-  const { isLine, colorMap, fillColor, colorKey, strokeColor, strokeWeight, fillOpacity } = config || {};
+  const {
+    isLine,
+    colorMap,
+    fillColor,
+    colorKey,
+    strokeColor,
+    strokeWeight,
+    fillOpacity
+  } = config || {};
   const style = new import_style.Style({
     stroke: new import_style.Stroke({
       width: strokeWeight,
@@ -252,26 +187,32 @@ var createVectorStyle = (data, config) => {
   if (!isLine) {
     style.setFill(
       new import_style.Fill({
-        color: hexToRgba((colorKey ? (colorMap == null ? void 0 : colorMap.get(data[colorKey])) || fillColor : fillColor) || "", fillOpacity || 1)
+        color: hexToRgba(
+          (colorKey ? (colorMap == null ? void 0 : colorMap.get(data[colorKey])) || fillColor : fillColor) || "",
+          fillOpacity || 1
+        )
       })
     );
   }
   return style;
 };
 var createBusinessLayer = (dataList, config) => {
-  const { layerName } = config || {};
+  const { layerName } = config;
   const geoJson = assembleGeoJson(dataList, config);
   const vectorLayer = new import_Vector.default({
     zIndex: 5,
     className: layerName ? layerName : "ol-layer",
     source: new import_Vector2.default({
-      features: new import_format2.GeoJSON().readFeatures(geoJson).map((feature) => {
+      features: new import_format.GeoJSON().readFeatures(geoJson).map((feature) => {
         feature.setStyle(createVectorStyle(feature.getProperties(), config));
         return feature;
       })
     })
   });
-  vectorLayer.set("_layerName", layerName);
+  vectorLayer.setProperties({
+    _layerName: layerName,
+    _dataList: [...dataList]
+  });
   return vectorLayer;
 };
 var createVectorFaceLayer = (dataList = [], config) => createBusinessLayer(dataList, Object.assign(config, { isLine: false }));
@@ -289,7 +230,7 @@ var removeAllLayers = (isClearAll = true) => {
 };
 var resetActiveMarker = () => {
   removeOverlays();
-  const massMarksLayers = instance.getLayers().getArray().filter((layer) => layer.get("_isMassMarksLayer"));
+  const massMarksLayers = instance.getAllLayers().filter((layer) => layer.get("_isMassMarksLayer"));
   massMarksLayers.forEach((layer) => {
     const selectInteraction = layer.get("_selectInteraction");
     if (selectInteraction) {
@@ -312,11 +253,15 @@ var activeMarkerByUid = (uid) => {
     );
     if (targetLayer) {
       const tempList = ((_a = targetLayer.getSource()) == null ? void 0 : _a.getFeatures()) || [];
-      const targetFeature = tempList.find((feature) => feature.get("_uuid") === uid);
+      const targetFeature = tempList.find(
+        (feature) => feature.get("_uuid") === uid
+      );
       const selectInteraction = targetLayer.get("_selectInteraction");
       if (selectInteraction) {
         const collection = selectInteraction.getFeatures().getArray();
-        const hasFeature = collection.find((feature) => feature.get("_uuid") === uid);
+        const hasFeature = collection.find(
+          (feature) => feature.get("_uuid") === uid
+        );
         if (!hasFeature) {
           selectInteraction.dispatchEvent({
             type: "select",
@@ -411,7 +356,11 @@ var createSelectByLayer = (vectorLayer) => {
         }, 1e3);
       }
       const view = instance.getView();
-      view.animate({ zoom: 12, center: [+data.lnglat[0], +data.lnglat[1]], duration: 1e3 });
+      view.animate({
+        zoom: 12,
+        center: [+data.lnglat[0], +data.lnglat[1]],
+        duration: 1e3
+      });
     }
     if (deselected.length) {
       const feature = deselected[0];
@@ -475,22 +424,28 @@ var addMassMarksLayer = (getImgUrlFn) => {
       createSelectByLayer(massMarksLayer);
     }
     if (hasLine) {
-      const vectorLayer = createBusinessLayer(dataList, vectorConfig ? vectorConfig : {
-        key: "line",
-        isLine: true,
-        strokeColor: "rgba(29, 235, 255, 0.8)"
-      });
+      const vectorLayer = createBusinessLayer(
+        dataList,
+        vectorConfig || {
+          key: "line",
+          isLine: true,
+          strokeColor: "rgba(29, 235, 255, 0.8)"
+        }
+      );
       instance.addLayer(vectorLayer);
     }
     if (hasFace) {
-      const vectorLayer = createBusinessLayer(dataList, vectorConfig ? vectorConfig : {
-        isLine: false,
-        key: "faceList",
-        fillColor: "#4247DF",
-        strokeWeight: 1,
-        strokeStyle: "dashed",
-        strokeColor: "#4247DF"
-      });
+      const vectorLayer = createBusinessLayer(
+        dataList,
+        vectorConfig || {
+          isLine: false,
+          key: "faceList",
+          fillColor: "#4247DF",
+          strokeWeight: 1,
+          strokeStyle: "dashed",
+          strokeColor: "#4247DF"
+        }
+      );
       instance.addLayer(vectorLayer);
     }
     massMarksLayer.setProperties({
@@ -509,80 +464,19 @@ var updateMarksLayersByStatus = (checkedStatusList = []) => {
 
 // src/create-map.ts
 var import_interaction2 = require("ol/interaction");
-var instance;
-var mapCenter = [119.71512016971076, 30.122490541963536];
-var createMapInstance = (config = {}) => {
-  const innerConfig = Object.assign(
-    {
-      zoom: 9.4,
-      maxZoom: 18,
-      minZoom: 9.4,
-      center: mapCenter,
-      baseLayer: "vec-layer",
-      projection: "EPSG:4326",
-      layers: [createBaseLayer()],
-      smoothExtentConstraint: false,
-      tk: "c77eddc667c5bed016fded560baf93e7"
-    },
-    config || {}
-  );
-  if (instance) {
-    return instance;
-  }
-  instance = new import_Map.default({
-    view: new import_View.default(innerConfig),
-    controls: (0, import_control.defaults)({
-      zoom: false,
-      rotate: false,
-      attribution: false
-    }),
-    interactions: (0, import_interaction2.defaults)({
-      doubleClickZoom: false
-    }),
-    layers: innerConfig.layers || [createBaseLayer()]
-  });
-  mapCenter = innerConfig.center || mapCenter;
-  instance.activeBaseLayer = innerConfig.baseLayer;
-  instance.getLayerByName = getLayerByName;
-  instance.removeLayerByName = removeLayerByName;
-  instance.changeLayersByNames = changeLayersByNames;
-  instance.on("pointermove", (evt) => {
-    instance.getTargetElement().style.cursor = instance.hasFeatureAtPixel(
-      evt.pixel
-    ) ? "pointer" : "";
-  });
-  return instance;
-};
-var disposeMap = () => {
-  const layers = instance.getAllLayers();
-  layers.forEach((layer) => {
-    instance.removeLayer(layer);
-  });
-  instance.setTarget("");
-  instance = void 0;
-};
-var getMapInstance = () => instance;
-var resetZoomAndCenter = (center = mapCenter) => {
-  const view = instance.getView();
-  view.animate({
-    zoom: 9.4,
-    center,
-    duration: 1e3
-  });
-};
-var resetMap = (config = { center: mapCenter, isClearAll: true }) => {
-  removeAllLayers(config.isClearAll);
-  resetZoomAndCenter(config.center || mapCenter);
-};
 
 // src/base-layer.ts
-var import_WMTS2 = __toESM(require("ol/tilegrid/WMTS"), 1);
+var import_source = require("ol/source");
+var import_source2 = require("ol/source");
+var import_tilegrid = require("ol/tilegrid");
+var import_layer = require("ol/layer");
+var import_WMTS = __toESM(require("ol/tilegrid/WMTS"), 1);
 var createBaseLayer = (isDark = true) => {
   return new import_layer.Tile({
     zIndex: -1,
     minZoom: 8,
     maxZoom: 21,
-    source: new import_source2.XYZ({
+    source: new import_source.XYZ({
       tileGrid: new import_tilegrid.TileGrid({
         tileSize: 256,
         resolutions: [
@@ -601,7 +495,12 @@ var createBaseLayer = (isDark = true) => {
           134089306640625e-20
         ],
         origin: [118.125614083886, 31.2857011022836],
-        extent: [118.340502132662, 29.2073269598186, 120.724787992425, 30.5617943760008]
+        extent: [
+          118.340502132662,
+          29.2073269598186,
+          120.724787992425,
+          30.5617943760008
+        ]
       }),
       projection: "EPSG:4326",
       urls: isDark ? [
@@ -628,7 +527,7 @@ var createMapWorldLayer = (layerName, tk = "c77eddc667c5bed016fded560baf93e7") =
   return new import_layer.Tile({
     cacheSize: 20240,
     zIndex: -1,
-    source: new import_source3.WMTS({
+    source: new import_source2.WMTS({
       crossOrigin: "anonymous",
       projection: "EPSG:4326",
       wrapX: true,
@@ -637,7 +536,7 @@ var createMapWorldLayer = (layerName, tk = "c77eddc667c5bed016fded560baf93e7") =
       version: "1.0.0",
       format: "image/png",
       matrixSet,
-      tileGrid: new import_WMTS2.default({
+      tileGrid: new import_WMTS.default({
         origin: [-180, 90],
         matrixIds: [
           "1",
@@ -703,6 +602,142 @@ var changeLayersByNames = (activeNames, allLayerNames) => {
     layer.setVisible(activeNames == null ? void 0 : activeNames.includes(layer.getClassName()));
   });
 };
+
+// src/create-map.ts
+var instance;
+var mapCenter = [119.71512016971076, 30.122490541963536];
+var createMapInstance = (config = {}) => {
+  const innerConfig = Object.assign(
+    {
+      zoom: 9.4,
+      maxZoom: 18,
+      minZoom: 9.4,
+      center: mapCenter,
+      baseLayer: "vec-layer",
+      projection: "EPSG:4326",
+      layers: [createBaseLayer()],
+      smoothExtentConstraint: false,
+      tk: "c77eddc667c5bed016fded560baf93e7"
+    },
+    config || {}
+  );
+  if (instance) {
+    return instance;
+  }
+  instance = new import_Map.default({
+    view: new import_View.default(innerConfig),
+    controls: (0, import_control.defaults)({
+      zoom: false,
+      rotate: false,
+      attribution: false
+    }),
+    interactions: (0, import_interaction2.defaults)({
+      doubleClickZoom: false
+    }),
+    layers: innerConfig.layers || [createBaseLayer()]
+  });
+  mapCenter = innerConfig.center || mapCenter;
+  instance.activeBaseLayer = innerConfig.baseLayer;
+  instance.getLayerByName = getLayerByName;
+  instance.removeLayerByName = removeLayerByName;
+  instance.changeLayersByNames = changeLayersByNames;
+  instance.on("pointermove", (evt) => {
+    instance.getTargetElement().style.cursor = instance.hasFeatureAtPixel(
+      evt.pixel
+    ) ? "pointer" : "";
+  });
+  return instance;
+};
+var disposeMap = () => {
+  const layers = instance.getAllLayers();
+  layers.forEach((layer) => {
+    instance.removeLayer(layer);
+  });
+  instance.setTarget("");
+  instance = void 0;
+};
+var getMapInstance = () => instance;
+var resetZoomAndCenter = (center = mapCenter) => {
+  const view = instance.getView();
+  view.animate({
+    zoom: 9.4,
+    center,
+    duration: 1e3
+  });
+};
+var resetMap = (config = { center: mapCenter, isClearAll: true }) => {
+  removeAllLayers(config.isClearAll);
+  resetZoomAndCenter(config.center || mapCenter);
+};
+
+// src/helper.ts
+var hexToRgba = (hex, alpha) => {
+  if (hex.startsWith("#")) {
+    let tempHex = hex.replace("#", "");
+    if (tempHex.length === 3) {
+      tempHex = hex[0] + hex[0] + hex[1] + hex[1] + hex[2] + hex[2];
+    }
+    const r = parseInt(tempHex.substring(0, 2), 16);
+    const g = parseInt(tempHex.substring(2, 4), 16);
+    const b = parseInt(tempHex.substring(4, 6), 16);
+    return `rgba(${r}, ${g}, ${b}, ${alpha})`;
+  } else {
+    return hex;
+  }
+};
+var getLayersDataList = () => {
+  var _a;
+  return ((_a = instance) == null ? void 0 : _a.getAllLayers().map((layer) => layer.get("_dataList") || []).flat(2)) || [];
+};
+
+// src/ogc-utils.ts
+var import_source3 = require("ol/source");
+var import_Tile = __toESM(require("ol/layer/Tile"), 1);
+var import_format2 = require("ol/format");
+var import_WMTS2 = require("ol/source/WMTS");
+var parser = new import_format2.WMTSCapabilities();
+var capabilitiesMap = /* @__PURE__ */ new Map();
+var getCapabilities = (url) => {
+  return new Promise((resolve) => {
+    const capabilities = capabilitiesMap.get(url);
+    if (capabilities) {
+      resolve(capabilities);
+    } else {
+      fetch(url).then((data) => data.text()).then((text) => {
+        const capabilities2 = parser.read(text);
+        capabilitiesMap.set(url, capabilities2);
+        resolve(capabilities2);
+      });
+    }
+  });
+};
+var createWmtsLayer = (serverUrl) => (config) => __async(void 0, null, function* () {
+  const { style, format, version, layerName, matrixSet } = config;
+  const [workspace, datastore] = layerName.split(":");
+  const capabilitiesUrl = `${serverUrl}/${workspace}/${datastore}/gwc/service/wmts?request=GetCapabilities`;
+  return new Promise((resolve, reject) => {
+    getCapabilities(capabilitiesUrl).then((data) => {
+      const options = (0, import_WMTS2.optionsFromCapabilities)(data, {
+        Style: style || "",
+        layer: datastore,
+        version: version || "1.1.0",
+        format: format || "image/png",
+        matrixSet: matrixSet || "EPSG:4326"
+      });
+      if (options) {
+        resolve(
+          new import_Tile.default({
+            zIndex: 3,
+            className: layerName,
+            source: new import_source3.WMTS(options)
+          })
+        );
+      } else {
+        reject(new Error("Unable to create TileLayer"));
+      }
+    });
+  });
+});
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   activeMarkerByUid,
@@ -720,6 +755,7 @@ var changeLayersByNames = (activeNames, allLayerNames) => {
   createWmtsLayer,
   disposeMap,
   emitter,
+  getLayersDataList,
   getMapInstance,
   instance,
   removeAllLayers,

package/dist/index.d.cts

@@ -64,13 +64,6 @@ type MassData = {
     }[];
     lnglat: [string, string] | [number, number];
 };
-type MassMarkersStyleOptions = {
-    url: string;
-    zIndex?: number;
-    rotation: number;
-    size: [number, number];
-    anchor?: [number, number];
-};
 type WmtsSourceOptions = {
     style?: string;
     format?: string;
@@ -81,6 +74,12 @@ type WmtsSourceOptions = {
 
 declare const emitter: Emitter<Record<EventType, any>>;
 
+declare const getLayersDataList: () => any[];
+
+/**
+ * 创建WMTS图层
+ * @param serverUrl
+ */
 declare const createWmtsLayer: (serverUrl: string) => (config: WmtsSourceOptions) => Promise<TileLayer>;
 
 /**
@@ -163,4 +162,4 @@ declare const addMassMarksLayer: (getImgUrlFn: GetImgUrlFn) => (dataList: never[
  */
 declare const updateMarksLayersByStatus: (checkedStatusList?: string[]) => void;
 
-export { type CustomMap, type GetImgUrl, type GetImgUrlFn, type IconConfig, type MassData, type MassMarkersStyleOptions, type VectorConfig, type WmtsSourceOptions, activeMarkerByUid, addMassMarksLayer, buildMassMarksStyles, createAnimationMarker, createBaseLayer, createBusinessLayer, createMapInstance, createMapWorldLayer, createMassMarksLayer, createSelectByLayer, createVectorFaceLayer, createVectorLineLayer, createWmtsLayer, disposeMap, emitter, getMapInstance, instance, removeAllLayers, resetActiveMarker, resetActiveVector, resetMap, resetZoomAndCenter, updateMarksLayersByStatus };
+export { type CustomMap, type GetImgUrl, type GetImgUrlFn, type IconConfig, type MassData, type VectorConfig, type WmtsSourceOptions, activeMarkerByUid, addMassMarksLayer, buildMassMarksStyles, createAnimationMarker, createBaseLayer, createBusinessLayer, createMapInstance, createMapWorldLayer, createMassMarksLayer, createSelectByLayer, createVectorFaceLayer, createVectorLineLayer, createWmtsLayer, disposeMap, emitter, getLayersDataList, getMapInstance, instance, removeAllLayers, resetActiveMarker, resetActiveVector, resetMap, resetZoomAndCenter, updateMarksLayersByStatus };

package/dist/index.d.ts

@@ -64,13 +64,6 @@ type MassData = {
     }[];
     lnglat: [string, string] | [number, number];
 };
-type MassMarkersStyleOptions = {
-    url: string;
-    zIndex?: number;
-    rotation: number;
-    size: [number, number];
-    anchor?: [number, number];
-};
 type WmtsSourceOptions = {
     style?: string;
     format?: string;
@@ -81,6 +74,12 @@ type WmtsSourceOptions = {
 
 declare const emitter: Emitter<Record<EventType, any>>;
 
+declare const getLayersDataList: () => any[];
+
+/**
+ * 创建WMTS图层
+ * @param serverUrl
+ */
 declare const createWmtsLayer: (serverUrl: string) => (config: WmtsSourceOptions) => Promise<TileLayer>;
 
 /**
@@ -163,4 +162,4 @@ declare const addMassMarksLayer: (getImgUrlFn: GetImgUrlFn) => (dataList: never[
  */
 declare const updateMarksLayersByStatus: (checkedStatusList?: string[]) => void;
 
-export { type CustomMap, type GetImgUrl, type GetImgUrlFn, type IconConfig, type MassData, type MassMarkersStyleOptions, type VectorConfig, type WmtsSourceOptions, activeMarkerByUid, addMassMarksLayer, buildMassMarksStyles, createAnimationMarker, createBaseLayer, createBusinessLayer, createMapInstance, createMapWorldLayer, createMassMarksLayer, createSelectByLayer, createVectorFaceLayer, createVectorLineLayer, createWmtsLayer, disposeMap, emitter, getMapInstance, instance, removeAllLayers, resetActiveMarker, resetActiveVector, resetMap, resetZoomAndCenter, updateMarksLayersByStatus };
+export { type CustomMap, type GetImgUrl, type GetImgUrlFn, type IconConfig, type MassData, type VectorConfig, type WmtsSourceOptions, activeMarkerByUid, addMassMarksLayer, buildMassMarksStyles, createAnimationMarker, createBaseLayer, createBusinessLayer, createMapInstance, createMapWorldLayer, createMassMarksLayer, createSelectByLayer, createVectorFaceLayer, createVectorLineLayer, createWmtsLayer, disposeMap, emitter, getLayersDataList, getMapInstance, instance, removeAllLayers, resetActiveMarker, resetActiveVector, resetMap, resetZoomAndCenter, updateMarksLayersByStatus };

package/dist/index.js

@@ -43,62 +43,6 @@ import mitt from "mitt";
 var emitter = mitt();
 var emitter_default = emitter;
 
-// src/ogc-utils.ts
-import { WMTS } from "ol/source";
-import TileLayer from "ol/layer/Tile";
-import { WMTSCapabilities } from "ol/format";
-import { optionsFromCapabilities } from "ol/source/WMTS";
-var parser = new WMTSCapabilities();
-var capabilitiesMap = /* @__PURE__ */ new Map();
-var getCapabilities = (url) => {
-  return new Promise((resolve) => {
-    const capabilities = capabilitiesMap.get(url);
-    if (capabilities) {
-      resolve(capabilities);
-    } else {
-      fetch(url).then((data) => data.text()).then((text) => {
-        const capabilities2 = parser.read(text);
-        capabilitiesMap.set(url, capabilities2);
-        resolve(capabilities2);
-      });
-    }
-  });
-};
-var createWmtsLayer = (serverUrl) => (config) => __async(void 0, null, function* () {
-  const { style, format, version, layerName, matrixSet } = config;
-  const [workspace, datastore] = layerName.split(":");
-  const capabilitiesUrl = `${serverUrl}/${workspace}/${datastore}/gwc/service/wmts?request=GetCapabilities`;
-  return new Promise((resolve, reject) => {
-    getCapabilities(capabilitiesUrl).then((data) => {
-      const options = optionsFromCapabilities(data, {
-        Style: style || "",
-        layer: datastore,
-        version: version || "1.1.0",
-        format: format || "image/png",
-        matrixSet: matrixSet || "EPSG:4326"
-      });
-      console.log(options);
-      if (options) {
-        resolve(
-          new TileLayer({
-            zIndex: 3,
-            className: layerName,
-            source: new WMTS(options)
-          })
-        );
-      } else {
-        reject(new Error("Unable to create TileLayer"));
-      }
-    });
-  });
-});
-
-// src/base-layer.ts
-import { XYZ } from "ol/source";
-import { WMTS as WMTS2 } from "ol/source";
-import { TileGrid } from "ol/tilegrid";
-import { Tile } from "ol/layer";
-
 // src/create-map.ts
 import Map2 from "ol/Map";
 import View from "ol/View";
@@ -107,24 +51,6 @@ import { defaults } from "ol/control";
 // src/layer-utils.ts
 import gcoord from "gcoord";
 import { Point } from "ol/geom";
-
-// src/helper.ts
-var hexToRgba = (hex, alpha) => {
-  if (hex.startsWith("#")) {
-    let tempHex = hex.replace("#", "");
-    if (tempHex.length === 3) {
-      tempHex = hex[0] + hex[0] + hex[1] + hex[1] + hex[2] + hex[2];
-    }
-    const r = parseInt(tempHex.substring(0, 2), 16);
-    const g = parseInt(tempHex.substring(2, 4), 16);
-    const b = parseInt(tempHex.substring(4, 6), 16);
-    return `rgba(${r}, ${g}, ${b}, ${alpha})`;
-  } else {
-    return hex;
-  }
-};
-
-// src/layer-utils.ts
 import { GeoJSON } from "ol/format";
 import { Feature, Overlay } from "ol";
 import { Select } from "ol/interaction";
@@ -187,7 +113,15 @@ var assembleGeoJson = (dataList, config) => {
   return !needTransform ? { type: "FeatureCollection", features: tempList } : gcoord.transform({ type: "FeatureCollection", features: tempList }, gcoord.GCJ02, gcoord.WGS84);
 };
 var createVectorStyle = (data, config) => {
-  const { isLine, colorMap, fillColor, colorKey, strokeColor, strokeWeight, fillOpacity } = config || {};
+  const {
+    isLine,
+    colorMap,
+    fillColor,
+    colorKey,
+    strokeColor,
+    strokeWeight,
+    fillOpacity
+  } = config || {};
   const style = new Style({
     stroke: new Stroke({
       width: strokeWeight,
@@ -197,14 +131,17 @@ var createVectorStyle = (data, config) => {
   if (!isLine) {
     style.setFill(
       new Fill({
-        color: hexToRgba((colorKey ? (colorMap == null ? void 0 : colorMap.get(data[colorKey])) || fillColor : fillColor) || "", fillOpacity || 1)
+        color: hexToRgba(
+          (colorKey ? (colorMap == null ? void 0 : colorMap.get(data[colorKey])) || fillColor : fillColor) || "",
+          fillOpacity || 1
+        )
       })
     );
   }
   return style;
 };
 var createBusinessLayer = (dataList, config) => {
-  const { layerName } = config || {};
+  const { layerName } = config;
   const geoJson = assembleGeoJson(dataList, config);
   const vectorLayer = new VectorLayer({
     zIndex: 5,
@@ -216,7 +153,10 @@ var createBusinessLayer = (dataList, config) => {
       })
     })
   });
-  vectorLayer.set("_layerName", layerName);
+  vectorLayer.setProperties({
+    _layerName: layerName,
+    _dataList: [...dataList]
+  });
   return vectorLayer;
 };
 var createVectorFaceLayer = (dataList = [], config) => createBusinessLayer(dataList, Object.assign(config, { isLine: false }));
@@ -234,7 +174,7 @@ var removeAllLayers = (isClearAll = true) => {
 };
 var resetActiveMarker = () => {
   removeOverlays();
-  const massMarksLayers = instance.getLayers().getArray().filter((layer) => layer.get("_isMassMarksLayer"));
+  const massMarksLayers = instance.getAllLayers().filter((layer) => layer.get("_isMassMarksLayer"));
   massMarksLayers.forEach((layer) => {
     const selectInteraction = layer.get("_selectInteraction");
     if (selectInteraction) {
@@ -257,11 +197,15 @@ var activeMarkerByUid = (uid) => {
     );
     if (targetLayer) {
       const tempList = ((_a = targetLayer.getSource()) == null ? void 0 : _a.getFeatures()) || [];
-      const targetFeature = tempList.find((feature) => feature.get("_uuid") === uid);
+      const targetFeature = tempList.find(
+        (feature) => feature.get("_uuid") === uid
+      );
       const selectInteraction = targetLayer.get("_selectInteraction");
       if (selectInteraction) {
         const collection = selectInteraction.getFeatures().getArray();
-        const hasFeature = collection.find((feature) => feature.get("_uuid") === uid);
+        const hasFeature = collection.find(
+          (feature) => feature.get("_uuid") === uid
+        );
         if (!hasFeature) {
           selectInteraction.dispatchEvent({
             type: "select",
@@ -356,7 +300,11 @@ var createSelectByLayer = (vectorLayer) => {
         }, 1e3);
       }
       const view = instance.getView();
-      view.animate({ zoom: 12, center: [+data.lnglat[0], +data.lnglat[1]], duration: 1e3 });
+      view.animate({
+        zoom: 12,
+        center: [+data.lnglat[0], +data.lnglat[1]],
+        duration: 1e3
+      });
     }
     if (deselected.length) {
       const feature = deselected[0];
@@ -420,22 +368,28 @@ var addMassMarksLayer = (getImgUrlFn) => {
       createSelectByLayer(massMarksLayer);
     }
     if (hasLine) {
-      const vectorLayer = createBusinessLayer(dataList, vectorConfig ? vectorConfig : {
-        key: "line",
-        isLine: true,
-        strokeColor: "rgba(29, 235, 255, 0.8)"
-      });
+      const vectorLayer = createBusinessLayer(
+        dataList,
+        vectorConfig || {
+          key: "line",
+          isLine: true,
+          strokeColor: "rgba(29, 235, 255, 0.8)"
+        }
+      );
       instance.addLayer(vectorLayer);
     }
     if (hasFace) {
-      const vectorLayer = createBusinessLayer(dataList, vectorConfig ? vectorConfig : {
-        isLine: false,
-        key: "faceList",
-        fillColor: "#4247DF",
-        strokeWeight: 1,
-        strokeStyle: "dashed",
-        strokeColor: "#4247DF"
-      });
+      const vectorLayer = createBusinessLayer(
+        dataList,
+        vectorConfig || {
+          isLine: false,
+          key: "faceList",
+          fillColor: "#4247DF",
+          strokeWeight: 1,
+          strokeStyle: "dashed",
+          strokeColor: "#4247DF"
+        }
+      );
       instance.addLayer(vectorLayer);
     }
     massMarksLayer.setProperties({
@@ -454,73 +408,12 @@ var updateMarksLayersByStatus = (checkedStatusList = []) => {
 
 // src/create-map.ts
 import { defaults as interactionDefaults } from "ol/interaction";
-var instance;
-var mapCenter = [119.71512016971076, 30.122490541963536];
-var createMapInstance = (config = {}) => {
-  const innerConfig = Object.assign(
-    {
-      zoom: 9.4,
-      maxZoom: 18,
-      minZoom: 9.4,
-      center: mapCenter,
-      baseLayer: "vec-layer",
-      projection: "EPSG:4326",
-      layers: [createBaseLayer()],
-      smoothExtentConstraint: false,
-      tk: "c77eddc667c5bed016fded560baf93e7"
-    },
-    config || {}
-  );
-  if (instance) {
-    return instance;
-  }
-  instance = new Map2({
-    view: new View(innerConfig),
-    controls: defaults({
-      zoom: false,
-      rotate: false,
-      attribution: false
-    }),
-    interactions: interactionDefaults({
-      doubleClickZoom: false
-    }),
-    layers: innerConfig.layers || [createBaseLayer()]
-  });
-  mapCenter = innerConfig.center || mapCenter;
-  instance.activeBaseLayer = innerConfig.baseLayer;
-  instance.getLayerByName = getLayerByName;
-  instance.removeLayerByName = removeLayerByName;
-  instance.changeLayersByNames = changeLayersByNames;
-  instance.on("pointermove", (evt) => {
-    instance.getTargetElement().style.cursor = instance.hasFeatureAtPixel(
-      evt.pixel
-    ) ? "pointer" : "";
-  });
-  return instance;
-};
-var disposeMap = () => {
-  const layers = instance.getAllLayers();
-  layers.forEach((layer) => {
-    instance.removeLayer(layer);
-  });
-  instance.setTarget("");
-  instance = void 0;
-};
-var getMapInstance = () => instance;
-var resetZoomAndCenter = (center = mapCenter) => {
-  const view = instance.getView();
-  view.animate({
-    zoom: 9.4,
-    center,
-    duration: 1e3
-  });
-};
-var resetMap = (config = { center: mapCenter, isClearAll: true }) => {
-  removeAllLayers(config.isClearAll);
-  resetZoomAndCenter(config.center || mapCenter);
-};
 
 // src/base-layer.ts
+import { XYZ } from "ol/source";
+import { WMTS } from "ol/source";
+import { TileGrid } from "ol/tilegrid";
+import { Tile } from "ol/layer";
 import WMTSTileGrid from "ol/tilegrid/WMTS";
 var createBaseLayer = (isDark = true) => {
   return new Tile({
@@ -546,7 +439,12 @@ var createBaseLayer = (isDark = true) => {
           134089306640625e-20
         ],
         origin: [118.125614083886, 31.2857011022836],
-        extent: [118.340502132662, 29.2073269598186, 120.724787992425, 30.5617943760008]
+        extent: [
+          118.340502132662,
+          29.2073269598186,
+          120.724787992425,
+          30.5617943760008
+        ]
       }),
       projection: "EPSG:4326",
       urls: isDark ? [
@@ -573,7 +471,7 @@ var createMapWorldLayer = (layerName, tk = "c77eddc667c5bed016fded560baf93e7") =
   return new Tile({
     cacheSize: 20240,
     zIndex: -1,
-    source: new WMTS2({
+    source: new WMTS({
       crossOrigin: "anonymous",
       projection: "EPSG:4326",
       wrapX: true,
@@ -648,6 +546,142 @@ var changeLayersByNames = (activeNames, allLayerNames) => {
     layer.setVisible(activeNames == null ? void 0 : activeNames.includes(layer.getClassName()));
   });
 };
+
+// src/create-map.ts
+var instance;
+var mapCenter = [119.71512016971076, 30.122490541963536];
+var createMapInstance = (config = {}) => {
+  const innerConfig = Object.assign(
+    {
+      zoom: 9.4,
+      maxZoom: 18,
+      minZoom: 9.4,
+      center: mapCenter,
+      baseLayer: "vec-layer",
+      projection: "EPSG:4326",
+      layers: [createBaseLayer()],
+      smoothExtentConstraint: false,
+      tk: "c77eddc667c5bed016fded560baf93e7"
+    },
+    config || {}
+  );
+  if (instance) {
+    return instance;
+  }
+  instance = new Map2({
+    view: new View(innerConfig),
+    controls: defaults({
+      zoom: false,
+      rotate: false,
+      attribution: false
+    }),
+    interactions: interactionDefaults({
+      doubleClickZoom: false
+    }),
+    layers: innerConfig.layers || [createBaseLayer()]
+  });
+  mapCenter = innerConfig.center || mapCenter;
+  instance.activeBaseLayer = innerConfig.baseLayer;
+  instance.getLayerByName = getLayerByName;
+  instance.removeLayerByName = removeLayerByName;
+  instance.changeLayersByNames = changeLayersByNames;
+  instance.on("pointermove", (evt) => {
+    instance.getTargetElement().style.cursor = instance.hasFeatureAtPixel(
+      evt.pixel
+    ) ? "pointer" : "";
+  });
+  return instance;
+};
+var disposeMap = () => {
+  const layers = instance.getAllLayers();
+  layers.forEach((layer) => {
+    instance.removeLayer(layer);
+  });
+  instance.setTarget("");
+  instance = void 0;
+};
+var getMapInstance = () => instance;
+var resetZoomAndCenter = (center = mapCenter) => {
+  const view = instance.getView();
+  view.animate({
+    zoom: 9.4,
+    center,
+    duration: 1e3
+  });
+};
+var resetMap = (config = { center: mapCenter, isClearAll: true }) => {
+  removeAllLayers(config.isClearAll);
+  resetZoomAndCenter(config.center || mapCenter);
+};
+
+// src/helper.ts
+var hexToRgba = (hex, alpha) => {
+  if (hex.startsWith("#")) {
+    let tempHex = hex.replace("#", "");
+    if (tempHex.length === 3) {
+      tempHex = hex[0] + hex[0] + hex[1] + hex[1] + hex[2] + hex[2];
+    }
+    const r = parseInt(tempHex.substring(0, 2), 16);
+    const g = parseInt(tempHex.substring(2, 4), 16);
+    const b = parseInt(tempHex.substring(4, 6), 16);
+    return `rgba(${r}, ${g}, ${b}, ${alpha})`;
+  } else {
+    return hex;
+  }
+};
+var getLayersDataList = () => {
+  var _a;
+  return ((_a = instance) == null ? void 0 : _a.getAllLayers().map((layer) => layer.get("_dataList") || []).flat(2)) || [];
+};
+
+// src/ogc-utils.ts
+import { WMTS as WMTS2 } from "ol/source";
+import TileLayer from "ol/layer/Tile";
+import { WMTSCapabilities } from "ol/format";
+import { optionsFromCapabilities } from "ol/source/WMTS";
+var parser = new WMTSCapabilities();
+var capabilitiesMap = /* @__PURE__ */ new Map();
+var getCapabilities = (url) => {
+  return new Promise((resolve) => {
+    const capabilities = capabilitiesMap.get(url);
+    if (capabilities) {
+      resolve(capabilities);
+    } else {
+      fetch(url).then((data) => data.text()).then((text) => {
+        const capabilities2 = parser.read(text);
+        capabilitiesMap.set(url, capabilities2);
+        resolve(capabilities2);
+      });
+    }
+  });
+};
+var createWmtsLayer = (serverUrl) => (config) => __async(void 0, null, function* () {
+  const { style, format, version, layerName, matrixSet } = config;
+  const [workspace, datastore] = layerName.split(":");
+  const capabilitiesUrl = `${serverUrl}/${workspace}/${datastore}/gwc/service/wmts?request=GetCapabilities`;
+  return new Promise((resolve, reject) => {
+    getCapabilities(capabilitiesUrl).then((data) => {
+      const options = optionsFromCapabilities(data, {
+        Style: style || "",
+        layer: datastore,
+        version: version || "1.1.0",
+        format: format || "image/png",
+        matrixSet: matrixSet || "EPSG:4326"
+      });
+      if (options) {
+        resolve(
+          new TileLayer({
+            zIndex: 3,
+            className: layerName,
+            source: new WMTS2(options)
+          })
+        );
+      } else {
+        reject(new Error("Unable to create TileLayer"));
+      }
+    });
+  });
+});
 export {
   activeMarkerByUid,
   addMassMarksLayer,
@@ -664,6 +698,7 @@ export {
   createWmtsLayer,
   disposeMap,
   emitter_default as emitter,
+  getLayersDataList,
   getMapInstance,
   instance,
   removeAllLayers,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "map-ol-utils",
-  "version": "0.0.29",
+  "version": "0.0.31",
   "type": "module",
   "description": "Openlayers utils library",
   "files": [