map-ol-utils 0.0.48 → 0.0.50

package/dist/index.cjs

@@ -92,6 +92,7 @@ __export(index_exports, {
   resetActiveVector: () => resetActiveVector,
   resetMap: () => resetMap,
   resetZoomAndCenter: () => resetZoomAndCenter,
+  setFitViewByLayer: () => setFitViewByLayer,
   updateMarksLayersByStatus: () => updateMarksLayersByStatus
 });
 module.exports = __toCommonJS(index_exports);
@@ -119,7 +120,6 @@ var import_control = require("ol/control");
 // src/layer-utils.ts
 var import_geom = require("ol/geom");
 var import_format = require("ol/format");
-var import_extent = require("ol/extent");
 var import_ol = require("ol");
 var import_interaction = require("ol/interaction");
 var import_gcoord = __toESM(require("gcoord"), 1);
@@ -127,6 +127,7 @@ 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 import_extent = require("ol/extent");
 var removeOverlays = (key = "") => {
   if (instance) {
     const overlays = instance.getOverlays().getArray().filter((overlay) => overlay.get(key || "position"));
@@ -162,6 +163,15 @@ var resetActiveVector = () => {
     interaction == null ? void 0 : interaction.getFeatures().clear();
   });
 };
+var setFitViewByLayer = (layer, fitOptions) => {
+  const extent = (0, import_extent.boundingExtent)(
+    layer.getSource().getFeatures().map((feature) => feature.getCoordinates())
+  );
+  instance.getView().fit(extent, __spreadValues({
+    padding: [50, 50, 50, 50],
+    duration: 1e3
+  }, fitOptions));
+};
 var assembleGeoJson = (dataList, config) => {
   const { key, crsForm } = config;
   const tempList = [];
@@ -390,6 +400,7 @@ var buildMassMarksStyles = (getImgUrlFn) => {
 var createSelectByLayer = (vectorLayer) => {
   const interaction = new import_interaction.Select({
     style: null,
+    multi: false,
     hitTolerance: 10,
     layers: [vectorLayer],
     condition: (evt) => {
@@ -403,7 +414,7 @@ var createSelectByLayer = (vectorLayer) => {
           layerFilter: (layer) => layer === vectorLayer
         }
       );
-      return (0, import_condition.click)(evt) && hasFeature;
+      return (0, import_condition.singleClick)(evt) && hasFeature;
     }
   });
   interaction.on("select", (evt) => {
@@ -925,5 +936,6 @@ var createWmtsLayer = (serverUrl) => (config) => __async(void 0, null, function*
   resetActiveVector,
   resetMap,
   resetZoomAndCenter,
+  setFitViewByLayer,
   updateMarksLayersByStatus
 });

package/dist/index.d.cts

@@ -11,6 +11,7 @@ import { Select } from 'ol/interaction';
 import VectorLayer from 'ol/layer/Vector';
 import { StyleLike } from 'ol/style/Style';
 import VectorSource from 'ol/source/Vector';
+import { FitOptions } from 'ol/View';
 
 interface CustomMap extends Map$1 {
     activeBaseLayer?: string;
@@ -125,6 +126,12 @@ declare const createAnimationMarker: (imgUrl: string, data: MassData) => void;
  * 重置激活的矢量数据
  */
 declare const resetActiveVector: () => void;
+/**
+ * 根据VectorLayer自动缩放地图到合适的视野级别
+ * @param layer
+ * @param fitOptions
+ */
+declare const setFitViewByLayer: (layer: VectorLayer, fitOptions: FitOptions) => void;
 declare const createBusinessLayer: (dataList: MassData[], config: VectorConfig) => VectorLayer<VectorSource<Feature<ol_geom.Geometry>>, Feature<ol_geom.Geometry>>;
 /**
  * 追加Features
@@ -185,4 +192,4 @@ declare const addMassMarksLayer: (getImgUrlFn: GetImgUrlFn) => (dataList: never[
  */
 declare const updateMarksLayersByStatus: (checkedStatusList?: string[]) => MassData[];
 
-export { type CustomMap, type GeometryCoordinates, GeometryType, type GetImgUrl, type GetImgUrlFn, type IconConfig, type MassData, type VectorConfig, type WmtsSourceOptions, activeFeatureByUid, addMassMarksLayer, appendFeaturesByLayer, buildMassMarksStyles, createAnimationMarker, createBaseLayer, createBusinessLayer, createMapInstance, createMapWorldLayer, createMassMarksLayer, createSelectByLayer, createVectorFaceLayer, createVectorLineLayer, createWmtsLayer, disposeMap, emitter, getLayersDataList, getMapInstance, instance, removeAllLayers, resetActiveFeature, resetActiveVector, resetMap, resetZoomAndCenter, updateMarksLayersByStatus };
+export { type CustomMap, type GeometryCoordinates, GeometryType, type GetImgUrl, type GetImgUrlFn, type IconConfig, type MassData, type VectorConfig, type WmtsSourceOptions, activeFeatureByUid, addMassMarksLayer, appendFeaturesByLayer, buildMassMarksStyles, createAnimationMarker, createBaseLayer, createBusinessLayer, createMapInstance, createMapWorldLayer, createMassMarksLayer, createSelectByLayer, createVectorFaceLayer, createVectorLineLayer, createWmtsLayer, disposeMap, emitter, getLayersDataList, getMapInstance, instance, removeAllLayers, resetActiveFeature, resetActiveVector, resetMap, resetZoomAndCenter, setFitViewByLayer, updateMarksLayersByStatus };

package/dist/index.d.ts

@@ -11,6 +11,7 @@ import { Select } from 'ol/interaction';
 import VectorLayer from 'ol/layer/Vector';
 import { StyleLike } from 'ol/style/Style';
 import VectorSource from 'ol/source/Vector';
+import { FitOptions } from 'ol/View';
 
 interface CustomMap extends Map$1 {
     activeBaseLayer?: string;
@@ -125,6 +126,12 @@ declare const createAnimationMarker: (imgUrl: string, data: MassData) => void;
  * 重置激活的矢量数据
  */
 declare const resetActiveVector: () => void;
+/**
+ * 根据VectorLayer自动缩放地图到合适的视野级别
+ * @param layer
+ * @param fitOptions
+ */
+declare const setFitViewByLayer: (layer: VectorLayer, fitOptions: FitOptions) => void;
 declare const createBusinessLayer: (dataList: MassData[], config: VectorConfig) => VectorLayer<VectorSource<Feature<ol_geom.Geometry>>, Feature<ol_geom.Geometry>>;
 /**
  * 追加Features
@@ -185,4 +192,4 @@ declare const addMassMarksLayer: (getImgUrlFn: GetImgUrlFn) => (dataList: never[
  */
 declare const updateMarksLayersByStatus: (checkedStatusList?: string[]) => MassData[];
 
-export { type CustomMap, type GeometryCoordinates, GeometryType, type GetImgUrl, type GetImgUrlFn, type IconConfig, type MassData, type VectorConfig, type WmtsSourceOptions, activeFeatureByUid, addMassMarksLayer, appendFeaturesByLayer, buildMassMarksStyles, createAnimationMarker, createBaseLayer, createBusinessLayer, createMapInstance, createMapWorldLayer, createMassMarksLayer, createSelectByLayer, createVectorFaceLayer, createVectorLineLayer, createWmtsLayer, disposeMap, emitter, getLayersDataList, getMapInstance, instance, removeAllLayers, resetActiveFeature, resetActiveVector, resetMap, resetZoomAndCenter, updateMarksLayersByStatus };
+export { type CustomMap, type GeometryCoordinates, GeometryType, type GetImgUrl, type GetImgUrlFn, type IconConfig, type MassData, type VectorConfig, type WmtsSourceOptions, activeFeatureByUid, addMassMarksLayer, appendFeaturesByLayer, buildMassMarksStyles, createAnimationMarker, createBaseLayer, createBusinessLayer, createMapInstance, createMapWorldLayer, createMassMarksLayer, createSelectByLayer, createVectorFaceLayer, createVectorLineLayer, createWmtsLayer, disposeMap, emitter, getLayersDataList, getMapInstance, instance, removeAllLayers, resetActiveFeature, resetActiveVector, resetMap, resetZoomAndCenter, setFitViewByLayer, updateMarksLayersByStatus };

package/dist/index.js

@@ -61,14 +61,14 @@ import { defaults } from "ol/control";
 // src/layer-utils.ts
 import { Point } from "ol/geom";
 import { GeoJSON } from "ol/format";
-import { getCenter } from "ol/extent";
 import { Feature, Overlay } from "ol";
 import { Select } from "ol/interaction";
 import gcoord from "gcoord";
 import VectorLayer from "ol/layer/Vector";
 import VectorSource from "ol/source/Vector";
-import { click } from "ol/events/condition";
+import { singleClick } from "ol/events/condition";
 import { Fill, Icon, Stroke, Style } from "ol/style";
+import { getCenter, boundingExtent } from "ol/extent";
 var removeOverlays = (key = "") => {
   if (instance) {
     const overlays = instance.getOverlays().getArray().filter((overlay) => overlay.get(key || "position"));
@@ -104,6 +104,15 @@ var resetActiveVector = () => {
     interaction == null ? void 0 : interaction.getFeatures().clear();
   });
 };
+var setFitViewByLayer = (layer, fitOptions) => {
+  const extent = boundingExtent(
+    layer.getSource().getFeatures().map((feature) => feature.getCoordinates())
+  );
+  instance.getView().fit(extent, __spreadValues({
+    padding: [50, 50, 50, 50],
+    duration: 1e3
+  }, fitOptions));
+};
 var assembleGeoJson = (dataList, config) => {
   const { key, crsForm } = config;
   const tempList = [];
@@ -332,6 +341,7 @@ var buildMassMarksStyles = (getImgUrlFn) => {
 var createSelectByLayer = (vectorLayer) => {
   const interaction = new Select({
     style: null,
+    multi: false,
     hitTolerance: 10,
     layers: [vectorLayer],
     condition: (evt) => {
@@ -345,7 +355,7 @@ var createSelectByLayer = (vectorLayer) => {
           layerFilter: (layer) => layer === vectorLayer
         }
       );
-      return click(evt) && hasFeature;
+      return singleClick(evt) && hasFeature;
     }
   });
   interaction.on("select", (evt) => {
@@ -866,5 +876,6 @@ export {
   resetActiveVector,
   resetMap,
   resetZoomAndCenter,
+  setFitViewByLayer,
   updateMarksLayersByStatus
 };

package/package.json

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