map-ol-utils 0.0.11 → 0.0.13

package/dist/index.cjs

@@ -191,6 +191,20 @@ var removeAllLayers = (isClearAll = true) => {
   }
 };
 var resetActiveMarker = () => {
+  removeOverlays();
+  const massMarksLayers = instance.getLayers().getArray().filter((layer) => layer.get("_isMassMarksLayer"));
+  massMarksLayers.forEach((layer) => {
+    const selectInteraction = layer.get("_selectInteraction");
+    if (selectInteraction) {
+      selectInteraction.dispatchEvent({
+        type: "select",
+        selected: [],
+        mapBrowserEvent: void 0,
+        deselected: selectInteraction.getFeatures().getArray()
+      });
+      selectInteraction.getFeatures().clear();
+    }
+  });
 };
 var activeMarkerByUid = (uid, setFitView = true) => {
   var _a;
@@ -202,11 +216,15 @@ var activeMarkerByUid = (uid, setFitView = true) => {
     );
     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",
@@ -288,7 +306,15 @@ var createSelectByLayer = (vectorLayer) => {
       vectorLayer.set("_hasActive", true);
       if (vectorLayer.get("_isDynamic")) {
         const activeImage = activeStyle.getImage();
-        emitter_default.emit("dynamic-marker", Object.assign({}, data.rawData || {}, { lnglat: data.lnglat, style: data.style, width: activeImage.getWidth(), height: activeImage.getHeight() }));
+        emitter_default.emit(
+          "dynamic-marker",
+          Object.assign({}, data.rawData || {}, {
+            lnglat: data.lnglat,
+            style: data.style,
+            width: activeImage.getWidth(),
+            height: activeImage.getHeight()
+          })
+        );
       }
     }
     if (deselected.length) {
@@ -371,6 +397,7 @@ var addMassMarksLayer = (getImgUrlFn) => {
       instance.addLayer(vectorLayer);
     }
     massMarksLayer.setProperties({
+      _isCustom: true,
       _hasLine: hasLine,
       _hasFace: hasFace,
       _isDynamic: isDynamic
@@ -386,43 +413,47 @@ 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",
-      center: [119.5326450625435, 29.8845606679097]
+      tk: "c77eddc667c5bed016fded560baf93e7"
     },
     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" : "";
-    });
+  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 = () => {
@@ -434,11 +465,17 @@ var disposeMap = () => {
   instance = void 0;
 };
 var getMapInstance = () => instance;
+var resetZoomAndCenter = (center = mapCenter) => {
+  const view = instance.getView();
+  view.animate({
+    zoom: 9.4,
+    center,
+    duration: 1e3
+  });
+};
 var resetMap = () => {
   removeAllLayers();
 };
-var resetZoomAndCenter = () => {
-};
 
 // src/base-layer.ts
 var import_WMTS = __toESM(require("ol/tilegrid/WMTS"), 1);
@@ -466,7 +503,12 @@ var createBaseLayer = (isDark = true) => {
           134089306640625e-20
         ],
         origin: [118.122911693886, 31.2869311022836],
-        extent: [118.340502132662, 29.2073269598186, 120.724787992425, 30.5617943760008]
+        extent: [
+          118.340502132662,
+          29.2073269598186,
+          120.724787992425,
+          30.5617943760008
+        ]
       }),
       projection: "EPSG:4326",
       urls: isDark ? [

package/dist/index.d.cts

@@ -92,8 +92,8 @@ declare let instance: CustomMap;
 declare const createMapInstance: (config?: {}) => CustomMap;
 declare const disposeMap: () => void;
 declare const getMapInstance: () => CustomMap;
+declare const resetZoomAndCenter: (center?: [number, number]) => void;
 declare const resetMap: () => void;
-declare const resetZoomAndCenter: () => void;
 
 declare const createAnimationMarker: (imgUrl: string, data: MassData) => void;
 /**

package/dist/index.d.ts

@@ -92,8 +92,8 @@ declare let instance: CustomMap;
 declare const createMapInstance: (config?: {}) => CustomMap;
 declare const disposeMap: () => void;
 declare const getMapInstance: () => CustomMap;
+declare const resetZoomAndCenter: (center?: [number, number]) => void;
 declare const resetMap: () => void;
-declare const resetZoomAndCenter: () => void;
 
 declare const createAnimationMarker: (imgUrl: string, data: MassData) => void;
 /**

package/dist/index.js

@@ -137,6 +137,20 @@ var removeAllLayers = (isClearAll = true) => {
   }
 };
 var resetActiveMarker = () => {
+  removeOverlays();
+  const massMarksLayers = instance.getLayers().getArray().filter((layer) => layer.get("_isMassMarksLayer"));
+  massMarksLayers.forEach((layer) => {
+    const selectInteraction = layer.get("_selectInteraction");
+    if (selectInteraction) {
+      selectInteraction.dispatchEvent({
+        type: "select",
+        selected: [],
+        mapBrowserEvent: void 0,
+        deselected: selectInteraction.getFeatures().getArray()
+      });
+      selectInteraction.getFeatures().clear();
+    }
+  });
 };
 var activeMarkerByUid = (uid, setFitView = true) => {
   var _a;
@@ -148,11 +162,15 @@ var activeMarkerByUid = (uid, setFitView = true) => {
     );
     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",
@@ -234,7 +252,15 @@ var createSelectByLayer = (vectorLayer) => {
       vectorLayer.set("_hasActive", true);
       if (vectorLayer.get("_isDynamic")) {
         const activeImage = activeStyle.getImage();
-        emitter_default.emit("dynamic-marker", Object.assign({}, data.rawData || {}, { lnglat: data.lnglat, style: data.style, width: activeImage.getWidth(), height: activeImage.getHeight() }));
+        emitter_default.emit(
+          "dynamic-marker",
+          Object.assign({}, data.rawData || {}, {
+            lnglat: data.lnglat,
+            style: data.style,
+            width: activeImage.getWidth(),
+            height: activeImage.getHeight()
+          })
+        );
       }
     }
     if (deselected.length) {
@@ -317,6 +343,7 @@ var addMassMarksLayer = (getImgUrlFn) => {
       instance.addLayer(vectorLayer);
     }
     massMarksLayer.setProperties({
+      _isCustom: true,
       _hasLine: hasLine,
       _hasFace: hasFace,
       _isDynamic: isDynamic
@@ -332,43 +359,47 @@ 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",
-      center: [119.5326450625435, 29.8845606679097]
+      tk: "c77eddc667c5bed016fded560baf93e7"
     },
     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" : "";
-    });
+  if (instance) {
     return instance;
   }
+  instance = new Map({
+    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 = () => {
@@ -380,11 +411,17 @@ var disposeMap = () => {
   instance = void 0;
 };
 var getMapInstance = () => instance;
+var resetZoomAndCenter = (center = mapCenter) => {
+  const view = instance.getView();
+  view.animate({
+    zoom: 9.4,
+    center,
+    duration: 1e3
+  });
+};
 var resetMap = () => {
   removeAllLayers();
 };
-var resetZoomAndCenter = () => {
-};
 
 // src/base-layer.ts
 import WMTSTileGrid from "ol/tilegrid/WMTS";
@@ -412,7 +449,12 @@ var createBaseLayer = (isDark = true) => {
           134089306640625e-20
         ],
         origin: [118.122911693886, 31.2869311022836],
-        extent: [118.340502132662, 29.2073269598186, 120.724787992425, 30.5617943760008]
+        extent: [
+          118.340502132662,
+          29.2073269598186,
+          120.724787992425,
+          30.5617943760008
+        ]
       }),
       projection: "EPSG:4326",
       urls: isDark ? [

package/package.json

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