map-ol-utils 0.0.32 → 0.0.34

package/dist/index.cjs

@@ -69,6 +69,7 @@ var index_exports = {};
 __export(index_exports, {
   activeFeatureByUid: () => activeFeatureByUid,
   addMassMarksLayer: () => addMassMarksLayer,
+  appendFeaturesByLayer: () => appendFeaturesByLayer,
   buildMassMarksStyles: () => buildMassMarksStyles,
   createAnimationMarker: () => createAnimationMarker,
   createBaseLayer: () => createBaseLayer,
@@ -157,7 +158,7 @@ var assembleGeoJson = (dataList, config) => {
           properties: __spreadValues({}, item),
           geometry: {
             coordinates: pathArray,
-            type: isLine ? "Polyline" : "Polygon"
+            type: isLine ? "LineString" : "Polygon"
           }
         });
       }
@@ -171,7 +172,7 @@ var assembleGeoJson = (dataList, config) => {
     import_gcoord.default.WGS84
   );
 };
-var createVectorStyle = (data, config) => {
+var createVectorStyle = (feature, config) => {
   const {
     isLine,
     colorMap,
@@ -185,6 +186,7 @@ var createVectorStyle = (data, config) => {
     activeStrokeColor,
     activeStrokeWeight
   } = config || {};
+  const data = feature.getProperties();
   const activeStyle = new import_style.Style({
     stroke: new import_style.Stroke({
       width: activeStrokeWeight || strokeWeight || 4,
@@ -218,10 +220,12 @@ var createVectorStyle = (data, config) => {
       })
     );
   }
-  Object.assign(data, {
-    activeStyle,
-    unActiveStyle
-  });
+  feature.setProperties(
+    Object.assign(data, {
+      activeStyle,
+      unActiveStyle
+    })
+  );
   return unActiveStyle;
 };
 var createBusinessLayer = (dataList, config) => {
@@ -232,7 +236,7 @@ var createBusinessLayer = (dataList, config) => {
     className: layerName ? layerName : "ol-layer",
     source: new import_Vector2.default({
       features: new import_format.GeoJSON().readFeatures(geoJson).map((feature) => {
-        feature.setStyle(createVectorStyle(feature.getProperties(), config));
+        feature.setStyle(createVectorStyle(feature, config));
         return feature;
       })
     })
@@ -243,12 +247,19 @@ var createBusinessLayer = (dataList, config) => {
   vectorLayer.setProperties({
     _isCustom: true,
     _isVectorLayer: true,
+    _vectorConfig: config,
     _layerName: layerName,
     _dataList: [...dataList],
     _uuidSet: new Set(dataList.map((item) => item._uuid) || [])
   });
   return vectorLayer;
 };
+var appendFeaturesByLayer = (targetLayer, dataList) => {
+  const vectorSource = targetLayer.getSource();
+  const { _vectorConfig: config } = targetLayer.getProperties() || {};
+  const geoJson = assembleGeoJson(dataList, config);
+  vectorSource.addFeatures(new import_format.GeoJSON().readFeatures(geoJson));
+};
 var createVectorFaceLayer = (dataList = [], config) => createBusinessLayer(dataList, Object.assign(config, { isLine: false }));
 var createVectorLineLayer = (dataList = [], config) => createBusinessLayer(dataList, Object.assign(config, { isLine: true }));
 var removeAllLayers = (isClearAll = true) => {
@@ -264,8 +275,8 @@ var removeAllLayers = (isClearAll = true) => {
 };
 var resetActiveFeature = () => {
   removeOverlays();
-  const massMarksLayers = instance.getAllLayers().filter((layer) => layer.get("_isVectorLayer"));
-  massMarksLayers.forEach((layer) => {
+  const targetLayers = instance.getAllLayers().filter((layer) => layer.get("_isVectorLayer"));
+  targetLayers.forEach((layer) => {
     const selectInteraction = layer.get("_selectInteraction");
     if (selectInteraction) {
       selectInteraction.dispatchEvent({
@@ -795,6 +806,7 @@ var createWmtsLayer = (serverUrl) => (config) => __async(void 0, null, function*
 0 && (module.exports = {
   activeFeatureByUid,
   addMassMarksLayer,
+  appendFeaturesByLayer,
   buildMassMarksStyles,
   createAnimationMarker,
   createBaseLayer,

package/dist/index.d.cts

@@ -114,6 +114,12 @@ declare const createAnimationMarker: (imgUrl: string, data: MassData) => void;
  */
 declare const resetActiveVector: () => void;
 declare const createBusinessLayer: (dataList: MassData[], config: VectorConfig) => VectorLayer<VectorSource<Feature<ol_geom.Geometry>>, Feature<ol_geom.Geometry>>;
+/**
+ * 追加Features
+ * @param targetLayer
+ * @param dataList
+ */
+declare const appendFeaturesByLayer: (targetLayer: VectorLayer, dataList: MassData[]) => void;
 /**
  * 创建面状数据
  * @param dataList
@@ -166,4 +172,4 @@ declare const addMassMarksLayer: (getImgUrlFn: GetImgUrlFn) => (dataList: never[
  */
 declare const updateMarksLayersByStatus: (checkedStatusList?: string[]) => MassData[];
 
-export { type CustomMap, type GetImgUrl, type GetImgUrlFn, type IconConfig, type MassData, type VectorConfig, type WmtsSourceOptions, activeFeatureByUid, addMassMarksLayer, 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 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 };

package/dist/index.d.ts

@@ -114,6 +114,12 @@ declare const createAnimationMarker: (imgUrl: string, data: MassData) => void;
  */
 declare const resetActiveVector: () => void;
 declare const createBusinessLayer: (dataList: MassData[], config: VectorConfig) => VectorLayer<VectorSource<Feature<ol_geom.Geometry>>, Feature<ol_geom.Geometry>>;
+/**
+ * 追加Features
+ * @param targetLayer
+ * @param dataList
+ */
+declare const appendFeaturesByLayer: (targetLayer: VectorLayer, dataList: MassData[]) => void;
 /**
  * 创建面状数据
  * @param dataList
@@ -166,4 +172,4 @@ declare const addMassMarksLayer: (getImgUrlFn: GetImgUrlFn) => (dataList: never[
  */
 declare const updateMarksLayersByStatus: (checkedStatusList?: string[]) => MassData[];
 
-export { type CustomMap, type GetImgUrl, type GetImgUrlFn, type IconConfig, type MassData, type VectorConfig, type WmtsSourceOptions, activeFeatureByUid, addMassMarksLayer, 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 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 };

package/dist/index.js

@@ -101,7 +101,7 @@ var assembleGeoJson = (dataList, config) => {
           properties: __spreadValues({}, item),
           geometry: {
             coordinates: pathArray,
-            type: isLine ? "Polyline" : "Polygon"
+            type: isLine ? "LineString" : "Polygon"
           }
         });
       }
@@ -115,7 +115,7 @@ var assembleGeoJson = (dataList, config) => {
     gcoord.WGS84
   );
 };
-var createVectorStyle = (data, config) => {
+var createVectorStyle = (feature, config) => {
   const {
     isLine,
     colorMap,
@@ -129,6 +129,7 @@ var createVectorStyle = (data, config) => {
     activeStrokeColor,
     activeStrokeWeight
   } = config || {};
+  const data = feature.getProperties();
   const activeStyle = new Style({
     stroke: new Stroke({
       width: activeStrokeWeight || strokeWeight || 4,
@@ -162,10 +163,12 @@ var createVectorStyle = (data, config) => {
       })
     );
   }
-  Object.assign(data, {
-    activeStyle,
-    unActiveStyle
-  });
+  feature.setProperties(
+    Object.assign(data, {
+      activeStyle,
+      unActiveStyle
+    })
+  );
   return unActiveStyle;
 };
 var createBusinessLayer = (dataList, config) => {
@@ -176,7 +179,7 @@ var createBusinessLayer = (dataList, config) => {
     className: layerName ? layerName : "ol-layer",
     source: new VectorSource({
       features: new GeoJSON().readFeatures(geoJson).map((feature) => {
-        feature.setStyle(createVectorStyle(feature.getProperties(), config));
+        feature.setStyle(createVectorStyle(feature, config));
         return feature;
       })
     })
@@ -187,12 +190,19 @@ var createBusinessLayer = (dataList, config) => {
   vectorLayer.setProperties({
     _isCustom: true,
     _isVectorLayer: true,
+    _vectorConfig: config,
     _layerName: layerName,
     _dataList: [...dataList],
     _uuidSet: new Set(dataList.map((item) => item._uuid) || [])
   });
   return vectorLayer;
 };
+var appendFeaturesByLayer = (targetLayer, dataList) => {
+  const vectorSource = targetLayer.getSource();
+  const { _vectorConfig: config } = targetLayer.getProperties() || {};
+  const geoJson = assembleGeoJson(dataList, config);
+  vectorSource.addFeatures(new GeoJSON().readFeatures(geoJson));
+};
 var createVectorFaceLayer = (dataList = [], config) => createBusinessLayer(dataList, Object.assign(config, { isLine: false }));
 var createVectorLineLayer = (dataList = [], config) => createBusinessLayer(dataList, Object.assign(config, { isLine: true }));
 var removeAllLayers = (isClearAll = true) => {
@@ -208,8 +218,8 @@ var removeAllLayers = (isClearAll = true) => {
 };
 var resetActiveFeature = () => {
   removeOverlays();
-  const massMarksLayers = instance.getAllLayers().filter((layer) => layer.get("_isVectorLayer"));
-  massMarksLayers.forEach((layer) => {
+  const targetLayers = instance.getAllLayers().filter((layer) => layer.get("_isVectorLayer"));
+  targetLayers.forEach((layer) => {
     const selectInteraction = layer.get("_selectInteraction");
     if (selectInteraction) {
       selectInteraction.dispatchEvent({
@@ -738,6 +748,7 @@ var createWmtsLayer = (serverUrl) => (config) => __async(void 0, null, function*
 export {
   activeFeatureByUid,
   addMassMarksLayer,
+  appendFeaturesByLayer,
   buildMassMarksStyles,
   createAnimationMarker,
   createBaseLayer,

package/package.json

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