Method _createRangeLayer

src/common/mapping/WebMapV2.js:2401–2469

(layerInfo, features)

    }

    _createRangeLayer(layerInfo, features) {
      const fieldName = layerInfo.themeSetting.themeField;
      const featureType = layerInfo.featureType;
      const { minzoom, maxzoom, style } = layerInfo;
      const styleGroups = this.getRangeStyleGroup(layerInfo, features);

      features = this.getFilterFeatures(layerInfo.filterCondition, features);

      // 获取 expression
      const expression = ['match', ['get', 'index']];
      const datas = features.filter((row) => {
        const tartget = parseFloat(row.properties[fieldName]);
        if (!tartget && tartget !== 0) {
          // expression.push(row.properties['index'], 'rgba(0, 0, 0, 0)');
          return false;
        }
        if (styleGroups) {
          for (let i = 0; i < styleGroups.length; i++) {
            const startFlag = styleGroups[i].start <= tartget;
            const endFlag = tartget < styleGroups[i].end;
            const lastEndFlag = i === styleGroups.length - 1 && tartget === styleGroups[i].end;
            if (startFlag && (endFlag || lastEndFlag)) {
              expression.push(row.properties.index, styleGroups[i].color);
              break;
            }
          }
        }
        return true;
      }, this);
      expression.push('rgba(0, 0, 0, 0)');
      const source = {
        type: 'geojson',
        data: {
          type: 'FeatureCollection',
          features: datas
        }
      };
      // 图例处理
      this._initLegendConfigInfo(layerInfo, styleGroups || []);

      // 获取样式
      const layerStyle = {
        layout: {}
      };
      if (featureType === 'LINE' && style.lineCap) {
        layerStyle.layout = {
          'line-cap': style.lineCap
        };
      }
      const visible = layerInfo.visible;
      layerStyle.layout.visibility = visible;
      layerStyle.style = this._transformStyleToMapBoxGl(style, featureType, expression);
      // 添加图层
      const layerID = layerInfo.layerID;
      this._addOverlayToMap({ type: featureType, source, layerID, layerStyle, minzoom, maxzoom });
      // 如果面有边框
      featureType === 'POLYGON' &&
        style.strokeColor &&