Method _createLayerLegendList

src/common/mapping/WebMapV3.js:996–1109

(layer, styleSetting)

  }

  _createLayerLegendList(layer, styleSetting) {
    const layerId = layer.id;
    const layerTitle = layer.title;
    const textFieldName = styleSetting.type === 'text' && styleSetting.textField && styleSetting.textField.value.replace(/^\{|\}$/g, '');
    const commonStyleOptions = {
      themeField: layer.themeField || styleSetting.field,
      layerId,
      layerTitle
    };
    const renderType = styleSetting.type || layer.type;
    const legendRenderType = this._getLegendRenderType(renderType);
    const shape = this._getLegendShape(renderType, styleSetting);
    if (['heat', 'heat3D'].includes(renderType)) {
      const colorKeyMap = {
        heat: 'heatmap-color',
        heat3D: 'heatmap-extrusion-color'
      };
      const colors = this._heatColorToGradient((layer.paint || {})[colorKeyMap[renderType]]);
      return [
        {
          ...commonStyleOptions,
          styleGroup: [
            {
              style: {
                type: LEGEND_STYLE_TYPES.STYLE,
                shape,
                colors
              }
            }
          ]
        }
      ];
    }
    const styleKeys = LEGEND_STYLE_KEYS[legendRenderType];
    if (!styleKeys) {
      return;
    }
    const keys = this._transStyleKeys(renderType, styleKeys);
    this._transStyleSetting(renderType, styleSetting);
    const simpleStyle = this._getLegendSimpleStyle(styleSetting, keys);
    const simpleResData = this._parseLegendtyle({ legendRenderType, customValue: simpleStyle });
    let dataKeys = this._getDataDrivenStyleKeys(legendRenderType, keys, styleSetting);
    // 3D线,动画线
    if (legendRenderType === LEGEND_RENDER_TYPE.ANIMATELINE) {
      // isReplaceLineColor: 3D线,动画线:使用符号替换线颜色，图例中将不再显示线颜色
      const isReplaceLineColor = styleSetting.textureBlend.value === 'replace';
      const hasTexture = !!(styleSetting.symbolsContent.value && styleSetting.symbolsContent.value.symbolId);
      if (isReplaceLineColor && hasTexture) {
        dataKeys = dataKeys.filter((key) => key !== 'color')
      }
    } else {
      // 其他
      // isAllPic: 如果符号为图片，图例中将不再显示颜色
      const symbolTypes = MAP_LAYER_TYPE_2_SYMBOL_TYPE[layer.type];
      const isAllPic = this._isAllPictureSymbolSaved(symbolTypes, styleSetting.symbolsContent, this._spriteDatas);
      if(isAllPic) {
        dataKeys = dataKeys.filter((key) => key !== 'color')
      }