Method _updateDataFlowFeature

src/common/mapping/WebMapV2.js:1245–1288

(sourceID, newFeature, layerInfo, type)

    }

    _updateDataFlowFeature(sourceID, newFeature, layerInfo, type) {
      const { identifyField, maxPointCount, directionField } = layerInfo;
      const features = cloneDeep(this.map.getSource(sourceID)._data.features);
      let has = false;
      features.forEach((item, index) => {
        if (item.properties[identifyField] === newFeature.properties[identifyField]) {
          has = true;
          if (type === 'line') {
            const coordinates = item.geometry.coordinates;
            coordinates.push(newFeature.geometry.coordinates);
            if (maxPointCount && coordinates.length > maxPointCount) {
              coordinates.splice(0, coordinates.length - maxPointCount);
            }
            features[index].geometry.coordinates = coordinates;
          } else {
            features[index] = newFeature;
          }
        }
      });
      if (!has) {
        if (type === 'line') {
          features.push({
            type: 'Feature',
            properties: newFeature.properties,
            geometry: {
              type: 'LineString',
              coordinates: [newFeature.geometry.coordinates]
            }
          });
        } else {
          features.push(newFeature);
        }
      }
      this.map.getSource(sourceID).setData({ type: 'FeatureCollection', features });
      if (type === 'point') {
        const type = layerInfo.pointStyle.type;
        const iconRotateExpression = this._getDataFlowRotateStyle(features, directionField, identifyField);
        if (['SVG_POINT', 'IMAGE_POINT'].includes(type)) {
          this.map.setLayoutProperty(sourceID, 'icon-rotate', iconRotateExpression);
        } else if (type === 'SYMBOL_POINT') {
          this.map.setLayoutProperty(sourceID, 'text-rotate', iconRotateExpression);
        }
      }
    }

    _createMigrationLayer(layerInfo, features) {
      const { layerID, layerType } = layerInfo;