map-ol-utils 0.0.7 → 0.0.9

package/dist/index.cjs

@@ -87,198 +87,23 @@ var import_layer = require("ol/layer");
 var import_Map = __toESM(require("ol/Map"), 1);
 var import_View = __toESM(require("ol/View"), 1);
 var import_control = require("ol/control");
-var import_interaction = require("ol/interaction");
-var instance;
-var createMapInstance = (config = {}) => {
-  const innerConfig = Object.assign(
-    {
-      zoom: 9.4,
-      maxZoom: 18,
-      minZoom: 9.4,
-      baseLayer: "vec-layer",
-      projection: "EPSG:4326",
-      layers: [createBaseLayer()],
-      smoothExtentConstraint: false,
-      tk: "c77eddc667c5bed016fded560baf93e7",
-      center: [119.5326450625435, 29.8845606679097]
-    },
-    config || {}
-  );
-  if (!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_interaction.defaults)({
-        doubleClickZoom: false
-      }),
-      layers: innerConfig.layers || [createBaseLayer()]
-    });
-    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;
-  }
-  return instance;
-};
-var disposeMap = () => {
-  const layers = instance.getAllLayers();
-  layers.forEach((layer) => {
-    instance.removeLayer(layer);
-  });
-  instance.setTarget("");
-  instance = void 0;
-};
-var getMapInstance = () => {
-};
-var resetMap = () => {
-};
-var resetZoomAndCenter = () => {
-};
-
-// src/base-layer.ts
-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_source.XYZ({
-      tileGrid: new import_tilegrid.TileGrid({
-        tileSize: 256,
-        resolutions: [
-          5492298e-9,
-          2746149e-9,
-          0.0013730745,
-          68653725e-11,
-          343268625e-12,
-          1716343125e-13,
-          8581715625e-14,
-          42908578125e-15,
-          214542890625e-16,
-          1072714453125e-17,
-          5363572265625e-18,
-          26817861328125e-19,
-          134089306640625e-20
-        ],
-        origin: [118.122911693886, 31.2869311022836],
-        extent: [118.340502132662, 29.2073269598186, 120.724787992425, 30.5617943760008]
-      }),
-      projection: "EPSG:4326",
-      urls: isDark ? [
-        "https://ywtg.citybrain.hangzhou.gov.cn:9456/hzsyvector_dark/{z}/{y}/{x}",
-        "https://ywtg.citybrain.hangzhou.gov.cn:9457/hzsyvector_dark/{z}/{y}/{x}",
-        "https://ywtg.citybrain.hangzhou.gov.cn:9458/hzsyvector_dark/{z}/{y}/{x}",
-        "https://ywtg.citybrain.hangzhou.gov.cn:9459/hzsyvector_dark/{z}/{y}/{x}",
-        "https://cb.hangzhoumap.gov.cn/E36CCEA93443D1495DB9B9F2B2FFE348CB1A367D75176F815040AB19E54CDCA5DAAA25813AF965E2ABD0CC2463DD1223/PBS/rest/services/hzsyvector_dark/Mapserver/tile/{z}/{y}/{x}"
-      ] : [
-        "https://ywtg.citybrain.hangzhou.gov.cn:9456/hzsyvector/{z}/{y}/{x}",
-        "https://ywtg.citybrain.hangzhou.gov.cn:9457/hzsyvector/{z}/{y}/{x}",
-        "https://ywtg.citybrain.hangzhou.gov.cn:9458/hzsyvector/{z}/{y}/{x}",
-        "https://ywtg.citybrain.hangzhou.gov.cn:9459/hzsyvector/{z}/{y}/{x}",
-        "https://cb.hangzhoumap.gov.cn/E36CCEA93443D1495DB9B9F2B2FFE348CB1A367D75176F815040AB19E54CDCA5DAAA25813AF965E2ABD0CC2463DD1223/PBS/rest/services/hzsyvector/Mapserver/tile/{z}/{y}/{x}"
-      ]
-    })
-  });
-};
-var createMapWorldLayer = (layerName, className, tk = "c77eddc667c5bed016fded560baf93e7") => {
-  const [name, matrixSet] = layerName.split("_");
-  return new import_layer.Tile({
-    className,
-    cacheSize: 20240,
-    zIndex: -1,
-    source: new import_source2.WMTS({
-      crossOrigin: "anonymous",
-      projection: "EPSG:4326",
-      wrapX: true,
-      layer: name,
-      style: "default",
-      version: "1.0.0",
-      format: "image/png",
-      matrixSet,
-      tileGrid: new import_WMTS.default({
-        origin: [-180, 90],
-        matrixIds: [
-          "1",
-          "2",
-          "3",
-          "4",
-          "5",
-          "6",
-          "7",
-          "8",
-          "9",
-          "10",
-          "11",
-          "12",
-          "13",
-          "14",
-          "15",
-          "16",
-          "17",
-          "18",
-          "19"
-        ],
-        resolutions: [
-          0.703125,
-          0.3515625,
-          0.17578125,
-          0.087890625,
-          0.0439453125,
-          0.02197265625,
-          0.010986328125,
-          0.0054931640625,
-          0.00274658203125,
-          0.001373291015625,
-          6866455078125e-16,
-          34332275390625e-17,
-          171661376953125e-18,
-          858306884765625e-19,
-          4291534423828125e-20,
-          21457672119140625e-21,
-          10728836059570312e-21,
-          5364418029785156e-21,
-          2682209014892578e-21
-        ]
-      }),
-      url: `https://t{0-7}.tianditu.gov.cn/${layerName}/wmts?tk=${tk}`
-    })
-  });
-};
-var getLayerByName = (name) => instance.getAllLayers().find((item) => item.getClassName() === name);
-var removeLayerByName = (name) => {
-  const tempLayer = instance.getAllLayers().find((item) => item.getClassName() === name);
-  if (tempLayer) {
-    instance.removeLayer(tempLayer);
-  }
-};
-var changeLayersByNames = (activeNames, allLayerNames) => {
-  const changeLayers = instance.getAllLayers().filter((item) => allLayerNames.includes(item.getClassName()));
-  changeLayers.forEach((layer) => {
-    layer.setVisible(activeNames == null ? void 0 : activeNames.includes(layer.getClassName()));
-  });
-};
 
 // src/layer-utils.ts
 var import_geom = require("ol/geom");
 var import_format = require("ol/format");
 var import_ol = require("ol");
-var import_interaction2 = require("ol/interaction");
+var import_interaction = require("ol/interaction");
 var import_Vector = __toESM(require("ol/layer/Vector"), 1);
 var import_Vector2 = __toESM(require("ol/source/Vector"), 1);
 var import_condition = require("ol/events/condition");
 var import_style = require("ol/style");
-var removeAnimationMarker = () => {
-  const overlays = instance.getOverlays().getArray().filter((overlay) => overlay.get("_isAnimationMarker"));
+var removeOverlays = (key = "") => {
+  const overlays = instance.getOverlays().getArray().filter((overlay) => overlay.get(key || "position"));
   overlays.forEach((overlay) => instance.removeOverlay(overlay));
 };
+var removeAnimationMarker = () => {
+  removeOverlays("_isAnimationMarker");
+};
 var createAnimationMarker = (imgUrl, data) => {
   removeAnimationMarker();
   const element = document.createElement("div");
@@ -293,6 +118,7 @@ var createAnimationMarker = (imgUrl, data) => {
   instance.addOverlay(overlay);
 };
 var resetActiveVector = () => {
+  removeOverlays();
   const layers = instance.getLayers();
   layers.forEach((layer) => {
     const interaction = layer.get("_selectInteraction");
@@ -354,10 +180,13 @@ var createGeoJsonLayer = (dataList, config) => {
 var createVectorFaceLayer = (dataList = [], config) => createGeoJsonLayer(dataList, Object.assign(config, { isLine: false }));
 var createVectorLineLayer = (dataList = [], config) => createGeoJsonLayer(dataList, Object.assign(config, { isLine: true }));
 var removeAllLayers = (isClearAll = true) => {
+  removeOverlays();
   console.log(isClearAll);
   if (instance) {
     instance.getLayers().forEach((layer) => {
-      instance.removeLayer(layer);
+      if (!layer.get("_isBaseLayer")) {
+        instance.removeLayer(layer);
+      }
     });
   }
 };
@@ -429,7 +258,7 @@ var buildMassMarksStyles = (getImgUrlFn) => {
   };
 };
 var createSelectByLayer = (vectorLayer) => {
-  const interaction = new import_interaction2.Select({
+  const interaction = new import_interaction.Select({
     style: null,
     layers: [vectorLayer],
     condition: (evt) => {
@@ -551,6 +380,192 @@ var addMassMarksLayer = (getImgUrlFn) => {
 var updateMarksLayersByStatus = (checkedStatusList = []) => {
   console.log(checkedStatusList);
 };
+
+// src/create-map.ts
+var import_interaction2 = require("ol/interaction");
+var instance;
+var createMapInstance = (config = {}) => {
+  const innerConfig = Object.assign(
+    {
+      zoom: 9.4,
+      maxZoom: 18,
+      minZoom: 9.4,
+      baseLayer: "vec-layer",
+      projection: "EPSG:4326",
+      layers: [createBaseLayer()],
+      smoothExtentConstraint: false,
+      tk: "c77eddc667c5bed016fded560baf93e7",
+      center: [119.5326450625435, 29.8845606679097]
+    },
+    config || {}
+  );
+  if (!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()]
+    });
+    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;
+  }
+  return instance;
+};
+var disposeMap = () => {
+  const layers = instance.getAllLayers();
+  layers.forEach((layer) => {
+    instance.removeLayer(layer);
+  });
+  instance.setTarget("");
+  instance = void 0;
+};
+var getMapInstance = () => instance;
+var resetMap = () => {
+  removeAllLayers();
+};
+var resetZoomAndCenter = () => {
+};
+
+// src/base-layer.ts
+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_source.XYZ({
+      tileGrid: new import_tilegrid.TileGrid({
+        tileSize: 256,
+        resolutions: [
+          5492298e-9,
+          2746149e-9,
+          0.0013730745,
+          68653725e-11,
+          343268625e-12,
+          1716343125e-13,
+          8581715625e-14,
+          42908578125e-15,
+          214542890625e-16,
+          1072714453125e-17,
+          5363572265625e-18,
+          26817861328125e-19,
+          134089306640625e-20
+        ],
+        origin: [118.122911693886, 31.2869311022836],
+        extent: [118.340502132662, 29.2073269598186, 120.724787992425, 30.5617943760008]
+      }),
+      projection: "EPSG:4326",
+      urls: isDark ? [
+        "https://ywtg.citybrain.hangzhou.gov.cn:9456/hzsyvector_dark/{z}/{y}/{x}",
+        "https://ywtg.citybrain.hangzhou.gov.cn:9457/hzsyvector_dark/{z}/{y}/{x}",
+        "https://ywtg.citybrain.hangzhou.gov.cn:9458/hzsyvector_dark/{z}/{y}/{x}",
+        "https://ywtg.citybrain.hangzhou.gov.cn:9459/hzsyvector_dark/{z}/{y}/{x}",
+        "https://cb.hangzhoumap.gov.cn/E36CCEA93443D1495DB9B9F2B2FFE348CB1A367D75176F815040AB19E54CDCA5DAAA25813AF965E2ABD0CC2463DD1223/PBS/rest/services/hzsyvector_dark/Mapserver/tile/{z}/{y}/{x}"
+      ] : [
+        "https://ywtg.citybrain.hangzhou.gov.cn:9456/hzsyvector/{z}/{y}/{x}",
+        "https://ywtg.citybrain.hangzhou.gov.cn:9457/hzsyvector/{z}/{y}/{x}",
+        "https://ywtg.citybrain.hangzhou.gov.cn:9458/hzsyvector/{z}/{y}/{x}",
+        "https://ywtg.citybrain.hangzhou.gov.cn:9459/hzsyvector/{z}/{y}/{x}",
+        "https://cb.hangzhoumap.gov.cn/E36CCEA93443D1495DB9B9F2B2FFE348CB1A367D75176F815040AB19E54CDCA5DAAA25813AF965E2ABD0CC2463DD1223/PBS/rest/services/hzsyvector/Mapserver/tile/{z}/{y}/{x}"
+      ]
+    }),
+    properties: {
+      _isBaseLayer: true
+    }
+  });
+};
+var createMapWorldLayer = (layerName, className, tk = "c77eddc667c5bed016fded560baf93e7") => {
+  const [name, matrixSet] = layerName.split("_");
+  return new import_layer.Tile({
+    className,
+    cacheSize: 20240,
+    zIndex: -1,
+    source: new import_source2.WMTS({
+      crossOrigin: "anonymous",
+      projection: "EPSG:4326",
+      wrapX: true,
+      layer: name,
+      style: "default",
+      version: "1.0.0",
+      format: "image/png",
+      matrixSet,
+      tileGrid: new import_WMTS.default({
+        origin: [-180, 90],
+        matrixIds: [
+          "1",
+          "2",
+          "3",
+          "4",
+          "5",
+          "6",
+          "7",
+          "8",
+          "9",
+          "10",
+          "11",
+          "12",
+          "13",
+          "14",
+          "15",
+          "16",
+          "17",
+          "18",
+          "19"
+        ],
+        resolutions: [
+          0.703125,
+          0.3515625,
+          0.17578125,
+          0.087890625,
+          0.0439453125,
+          0.02197265625,
+          0.010986328125,
+          0.0054931640625,
+          0.00274658203125,
+          0.001373291015625,
+          6866455078125e-16,
+          34332275390625e-17,
+          171661376953125e-18,
+          858306884765625e-19,
+          4291534423828125e-20,
+          21457672119140625e-21,
+          10728836059570312e-21,
+          5364418029785156e-21,
+          2682209014892578e-21
+        ]
+      }),
+      url: `https://t{0-7}.tianditu.gov.cn/${layerName}/wmts?tk=${tk}`
+    }),
+    properties: {
+      _isBaseLayer: true
+    }
+  });
+};
+var getLayerByName = (name) => instance.getAllLayers().find((item) => item.getClassName() === name);
+var removeLayerByName = (name) => {
+  const tempLayer = instance.getAllLayers().find((item) => item.getClassName() === name);
+  if (tempLayer) {
+    instance.removeLayer(tempLayer);
+  }
+};
+var changeLayersByNames = (activeNames, allLayerNames) => {
+  const changeLayers = instance.getAllLayers().filter((item) => allLayerNames.includes(item.getClassName()));
+  changeLayers.forEach((layer) => {
+    layer.setVisible(activeNames == null ? void 0 : activeNames.includes(layer.getClassName()));
+  });
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   activeMarkerByUid,

package/dist/index.d.cts

@@ -91,7 +91,7 @@ declare const createMapWorldLayer: (layerName: string, className: string, tk?: s
 declare let instance: CustomMap;
 declare const createMapInstance: (config?: {}) => CustomMap;
 declare const disposeMap: () => void;
-declare const getMapInstance: () => void;
+declare const getMapInstance: () => CustomMap;
 declare const resetMap: () => void;
 declare const resetZoomAndCenter: () => void;
 

package/dist/index.d.ts

@@ -91,7 +91,7 @@ declare const createMapWorldLayer: (layerName: string, className: string, tk?: s
 declare let instance: CustomMap;
 declare const createMapInstance: (config?: {}) => CustomMap;
 declare const disposeMap: () => void;
-declare const getMapInstance: () => void;
+declare const getMapInstance: () => CustomMap;
 declare const resetMap: () => void;
 declare const resetZoomAndCenter: () => void;
 

package/dist/index.js

@@ -33,184 +33,6 @@ import { Tile } from "ol/layer";
 import Map from "ol/Map";
 import View from "ol/View";
 import { defaults } from "ol/control";
-import { defaults as interactionDefaults } from "ol/interaction";
-var instance;
-var createMapInstance = (config = {}) => {
-  const innerConfig = Object.assign(
-    {
-      zoom: 9.4,
-      maxZoom: 18,
-      minZoom: 9.4,
-      baseLayer: "vec-layer",
-      projection: "EPSG:4326",
-      layers: [createBaseLayer()],
-      smoothExtentConstraint: false,
-      tk: "c77eddc667c5bed016fded560baf93e7",
-      center: [119.5326450625435, 29.8845606679097]
-    },
-    config || {}
-  );
-  if (!instance) {
-    instance = new Map({
-      view: new View(innerConfig),
-      controls: defaults({
-        zoom: false,
-        rotate: false,
-        attribution: false
-      }),
-      interactions: interactionDefaults({
-        doubleClickZoom: false
-      }),
-      layers: innerConfig.layers || [createBaseLayer()]
-    });
-    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;
-  }
-  return instance;
-};
-var disposeMap = () => {
-  const layers = instance.getAllLayers();
-  layers.forEach((layer) => {
-    instance.removeLayer(layer);
-  });
-  instance.setTarget("");
-  instance = void 0;
-};
-var getMapInstance = () => {
-};
-var resetMap = () => {
-};
-var resetZoomAndCenter = () => {
-};
-
-// src/base-layer.ts
-import WMTSTileGrid from "ol/tilegrid/WMTS";
-var createBaseLayer = (isDark = true) => {
-  return new Tile({
-    zIndex: -1,
-    minZoom: 8,
-    maxZoom: 21,
-    source: new XYZ({
-      tileGrid: new TileGrid({
-        tileSize: 256,
-        resolutions: [
-          5492298e-9,
-          2746149e-9,
-          0.0013730745,
-          68653725e-11,
-          343268625e-12,
-          1716343125e-13,
-          8581715625e-14,
-          42908578125e-15,
-          214542890625e-16,
-          1072714453125e-17,
-          5363572265625e-18,
-          26817861328125e-19,
-          134089306640625e-20
-        ],
-        origin: [118.122911693886, 31.2869311022836],
-        extent: [118.340502132662, 29.2073269598186, 120.724787992425, 30.5617943760008]
-      }),
-      projection: "EPSG:4326",
-      urls: isDark ? [
-        "https://ywtg.citybrain.hangzhou.gov.cn:9456/hzsyvector_dark/{z}/{y}/{x}",
-        "https://ywtg.citybrain.hangzhou.gov.cn:9457/hzsyvector_dark/{z}/{y}/{x}",
-        "https://ywtg.citybrain.hangzhou.gov.cn:9458/hzsyvector_dark/{z}/{y}/{x}",
-        "https://ywtg.citybrain.hangzhou.gov.cn:9459/hzsyvector_dark/{z}/{y}/{x}",
-        "https://cb.hangzhoumap.gov.cn/E36CCEA93443D1495DB9B9F2B2FFE348CB1A367D75176F815040AB19E54CDCA5DAAA25813AF965E2ABD0CC2463DD1223/PBS/rest/services/hzsyvector_dark/Mapserver/tile/{z}/{y}/{x}"
-      ] : [
-        "https://ywtg.citybrain.hangzhou.gov.cn:9456/hzsyvector/{z}/{y}/{x}",
-        "https://ywtg.citybrain.hangzhou.gov.cn:9457/hzsyvector/{z}/{y}/{x}",
-        "https://ywtg.citybrain.hangzhou.gov.cn:9458/hzsyvector/{z}/{y}/{x}",
-        "https://ywtg.citybrain.hangzhou.gov.cn:9459/hzsyvector/{z}/{y}/{x}",
-        "https://cb.hangzhoumap.gov.cn/E36CCEA93443D1495DB9B9F2B2FFE348CB1A367D75176F815040AB19E54CDCA5DAAA25813AF965E2ABD0CC2463DD1223/PBS/rest/services/hzsyvector/Mapserver/tile/{z}/{y}/{x}"
-      ]
-    })
-  });
-};
-var createMapWorldLayer = (layerName, className, tk = "c77eddc667c5bed016fded560baf93e7") => {
-  const [name, matrixSet] = layerName.split("_");
-  return new Tile({
-    className,
-    cacheSize: 20240,
-    zIndex: -1,
-    source: new WMTS({
-      crossOrigin: "anonymous",
-      projection: "EPSG:4326",
-      wrapX: true,
-      layer: name,
-      style: "default",
-      version: "1.0.0",
-      format: "image/png",
-      matrixSet,
-      tileGrid: new WMTSTileGrid({
-        origin: [-180, 90],
-        matrixIds: [
-          "1",
-          "2",
-          "3",
-          "4",
-          "5",
-          "6",
-          "7",
-          "8",
-          "9",
-          "10",
-          "11",
-          "12",
-          "13",
-          "14",
-          "15",
-          "16",
-          "17",
-          "18",
-          "19"
-        ],
-        resolutions: [
-          0.703125,
-          0.3515625,
-          0.17578125,
-          0.087890625,
-          0.0439453125,
-          0.02197265625,
-          0.010986328125,
-          0.0054931640625,
-          0.00274658203125,
-          0.001373291015625,
-          6866455078125e-16,
-          34332275390625e-17,
-          171661376953125e-18,
-          858306884765625e-19,
-          4291534423828125e-20,
-          21457672119140625e-21,
-          10728836059570312e-21,
-          5364418029785156e-21,
-          2682209014892578e-21
-        ]
-      }),
-      url: `https://t{0-7}.tianditu.gov.cn/${layerName}/wmts?tk=${tk}`
-    })
-  });
-};
-var getLayerByName = (name) => instance.getAllLayers().find((item) => item.getClassName() === name);
-var removeLayerByName = (name) => {
-  const tempLayer = instance.getAllLayers().find((item) => item.getClassName() === name);
-  if (tempLayer) {
-    instance.removeLayer(tempLayer);
-  }
-};
-var changeLayersByNames = (activeNames, allLayerNames) => {
-  const changeLayers = instance.getAllLayers().filter((item) => allLayerNames.includes(item.getClassName()));
-  changeLayers.forEach((layer) => {
-    layer.setVisible(activeNames == null ? void 0 : activeNames.includes(layer.getClassName()));
-  });
-};
 
 // src/layer-utils.ts
 import { Point } from "ol/geom";
@@ -221,10 +43,13 @@ import VectorLayer from "ol/layer/Vector";
 import VectorSource from "ol/source/Vector";
 import { click } from "ol/events/condition";
 import { Fill, Icon, Stroke, Style } from "ol/style";
-var removeAnimationMarker = () => {
-  const overlays = instance.getOverlays().getArray().filter((overlay) => overlay.get("_isAnimationMarker"));
+var removeOverlays = (key = "") => {
+  const overlays = instance.getOverlays().getArray().filter((overlay) => overlay.get(key || "position"));
   overlays.forEach((overlay) => instance.removeOverlay(overlay));
 };
+var removeAnimationMarker = () => {
+  removeOverlays("_isAnimationMarker");
+};
 var createAnimationMarker = (imgUrl, data) => {
   removeAnimationMarker();
   const element = document.createElement("div");
@@ -239,6 +64,7 @@ var createAnimationMarker = (imgUrl, data) => {
   instance.addOverlay(overlay);
 };
 var resetActiveVector = () => {
+  removeOverlays();
   const layers = instance.getLayers();
   layers.forEach((layer) => {
     const interaction = layer.get("_selectInteraction");
@@ -300,10 +126,13 @@ var createGeoJsonLayer = (dataList, config) => {
 var createVectorFaceLayer = (dataList = [], config) => createGeoJsonLayer(dataList, Object.assign(config, { isLine: false }));
 var createVectorLineLayer = (dataList = [], config) => createGeoJsonLayer(dataList, Object.assign(config, { isLine: true }));
 var removeAllLayers = (isClearAll = true) => {
+  removeOverlays();
   console.log(isClearAll);
   if (instance) {
     instance.getLayers().forEach((layer) => {
-      instance.removeLayer(layer);
+      if (!layer.get("_isBaseLayer")) {
+        instance.removeLayer(layer);
+      }
     });
   }
 };
@@ -497,6 +326,192 @@ var addMassMarksLayer = (getImgUrlFn) => {
 var updateMarksLayersByStatus = (checkedStatusList = []) => {
   console.log(checkedStatusList);
 };
+
+// src/create-map.ts
+import { defaults as interactionDefaults } from "ol/interaction";
+var instance;
+var createMapInstance = (config = {}) => {
+  const innerConfig = Object.assign(
+    {
+      zoom: 9.4,
+      maxZoom: 18,
+      minZoom: 9.4,
+      baseLayer: "vec-layer",
+      projection: "EPSG:4326",
+      layers: [createBaseLayer()],
+      smoothExtentConstraint: false,
+      tk: "c77eddc667c5bed016fded560baf93e7",
+      center: [119.5326450625435, 29.8845606679097]
+    },
+    config || {}
+  );
+  if (!instance) {
+    instance = new Map({
+      view: new View(innerConfig),
+      controls: defaults({
+        zoom: false,
+        rotate: false,
+        attribution: false
+      }),
+      interactions: interactionDefaults({
+        doubleClickZoom: false
+      }),
+      layers: innerConfig.layers || [createBaseLayer()]
+    });
+    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;
+  }
+  return instance;
+};
+var disposeMap = () => {
+  const layers = instance.getAllLayers();
+  layers.forEach((layer) => {
+    instance.removeLayer(layer);
+  });
+  instance.setTarget("");
+  instance = void 0;
+};
+var getMapInstance = () => instance;
+var resetMap = () => {
+  removeAllLayers();
+};
+var resetZoomAndCenter = () => {
+};
+
+// src/base-layer.ts
+import WMTSTileGrid from "ol/tilegrid/WMTS";
+var createBaseLayer = (isDark = true) => {
+  return new Tile({
+    zIndex: -1,
+    minZoom: 8,
+    maxZoom: 21,
+    source: new XYZ({
+      tileGrid: new TileGrid({
+        tileSize: 256,
+        resolutions: [
+          5492298e-9,
+          2746149e-9,
+          0.0013730745,
+          68653725e-11,
+          343268625e-12,
+          1716343125e-13,
+          8581715625e-14,
+          42908578125e-15,
+          214542890625e-16,
+          1072714453125e-17,
+          5363572265625e-18,
+          26817861328125e-19,
+          134089306640625e-20
+        ],
+        origin: [118.122911693886, 31.2869311022836],
+        extent: [118.340502132662, 29.2073269598186, 120.724787992425, 30.5617943760008]
+      }),
+      projection: "EPSG:4326",
+      urls: isDark ? [
+        "https://ywtg.citybrain.hangzhou.gov.cn:9456/hzsyvector_dark/{z}/{y}/{x}",
+        "https://ywtg.citybrain.hangzhou.gov.cn:9457/hzsyvector_dark/{z}/{y}/{x}",
+        "https://ywtg.citybrain.hangzhou.gov.cn:9458/hzsyvector_dark/{z}/{y}/{x}",
+        "https://ywtg.citybrain.hangzhou.gov.cn:9459/hzsyvector_dark/{z}/{y}/{x}",
+        "https://cb.hangzhoumap.gov.cn/E36CCEA93443D1495DB9B9F2B2FFE348CB1A367D75176F815040AB19E54CDCA5DAAA25813AF965E2ABD0CC2463DD1223/PBS/rest/services/hzsyvector_dark/Mapserver/tile/{z}/{y}/{x}"
+      ] : [
+        "https://ywtg.citybrain.hangzhou.gov.cn:9456/hzsyvector/{z}/{y}/{x}",
+        "https://ywtg.citybrain.hangzhou.gov.cn:9457/hzsyvector/{z}/{y}/{x}",
+        "https://ywtg.citybrain.hangzhou.gov.cn:9458/hzsyvector/{z}/{y}/{x}",
+        "https://ywtg.citybrain.hangzhou.gov.cn:9459/hzsyvector/{z}/{y}/{x}",
+        "https://cb.hangzhoumap.gov.cn/E36CCEA93443D1495DB9B9F2B2FFE348CB1A367D75176F815040AB19E54CDCA5DAAA25813AF965E2ABD0CC2463DD1223/PBS/rest/services/hzsyvector/Mapserver/tile/{z}/{y}/{x}"
+      ]
+    }),
+    properties: {
+      _isBaseLayer: true
+    }
+  });
+};
+var createMapWorldLayer = (layerName, className, tk = "c77eddc667c5bed016fded560baf93e7") => {
+  const [name, matrixSet] = layerName.split("_");
+  return new Tile({
+    className,
+    cacheSize: 20240,
+    zIndex: -1,
+    source: new WMTS({
+      crossOrigin: "anonymous",
+      projection: "EPSG:4326",
+      wrapX: true,
+      layer: name,
+      style: "default",
+      version: "1.0.0",
+      format: "image/png",
+      matrixSet,
+      tileGrid: new WMTSTileGrid({
+        origin: [-180, 90],
+        matrixIds: [
+          "1",
+          "2",
+          "3",
+          "4",
+          "5",
+          "6",
+          "7",
+          "8",
+          "9",
+          "10",
+          "11",
+          "12",
+          "13",
+          "14",
+          "15",
+          "16",
+          "17",
+          "18",
+          "19"
+        ],
+        resolutions: [
+          0.703125,
+          0.3515625,
+          0.17578125,
+          0.087890625,
+          0.0439453125,
+          0.02197265625,
+          0.010986328125,
+          0.0054931640625,
+          0.00274658203125,
+          0.001373291015625,
+          6866455078125e-16,
+          34332275390625e-17,
+          171661376953125e-18,
+          858306884765625e-19,
+          4291534423828125e-20,
+          21457672119140625e-21,
+          10728836059570312e-21,
+          5364418029785156e-21,
+          2682209014892578e-21
+        ]
+      }),
+      url: `https://t{0-7}.tianditu.gov.cn/${layerName}/wmts?tk=${tk}`
+    }),
+    properties: {
+      _isBaseLayer: true
+    }
+  });
+};
+var getLayerByName = (name) => instance.getAllLayers().find((item) => item.getClassName() === name);
+var removeLayerByName = (name) => {
+  const tempLayer = instance.getAllLayers().find((item) => item.getClassName() === name);
+  if (tempLayer) {
+    instance.removeLayer(tempLayer);
+  }
+};
+var changeLayersByNames = (activeNames, allLayerNames) => {
+  const changeLayers = instance.getAllLayers().filter((item) => allLayerNames.includes(item.getClassName()));
+  changeLayers.forEach((layer) => {
+    layer.setVisible(activeNames == null ? void 0 : activeNames.includes(layer.getClassName()));
+  });
+};
 export {
   activeMarkerByUid,
   addMassMarksLayer,

package/package.json

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