Method _createHeatLayer

src/common/mapping/WebMapV2.js:2336–2399

(layerInfo, features, addToMap = true)

    }

    _createHeatLayer(layerInfo, features, addToMap = true) {
      const { minzoom, maxzoom } = layerInfo;
      const style = layerInfo.themeSetting;
      const layerOption = {
        gradient: style.colors.slice(),
        radius: parseInt(style.radius)
      };
      // 自定义颜色
      const customSettings = style.customSettings;
      for (const i in customSettings) {
        layerOption.gradient[i] = customSettings[i];
      }
      const color = ['interpolate', ['linear'], ['heatmap-density']];
      const step = [0.1, 0.3, 0.5, 0.7, 1];
      layerOption.gradient.forEach((item, index) => {
        color.push(step[index]);
        if (index === 0) {
          item = Util.hexToRgba(item, 0);
        }
        if (index === 1) {
          item = Util.hexToRgba(item, 0.5);
        }
        color.push(item);
      });
      // 图例相关
      this._initLegendConfigInfo(layerInfo, color);

      const paint = {
        'heatmap-color': color,
        'heatmap-radius': style.radius * 3,
        'heatmap-intensity': 2.8
      };

      if (style.weight && features.length >= 4) {
        const weight = [];
        features.forEach((item) => {
          item.properties[style.weight] = +item.properties[style.weight];
          weight.push(item.properties[style.weight]);
        });
        const max = ArrayStatistic.getMax(weight);
        const min = ArrayStatistic.getMin(weight);
        paint['heatmap-weight'] = ['interpolate', ['linear'], ['get', style.weight], min, 0, max, 1];
      }
      this._addLayer({
        id: layerInfo.layerID,
        type: 'heatmap',
        source: {
          type: 'geojson',
          data: {
            type: 'FeatureCollection',
            features: features
          }
        },
        paint: paint,
        layout: {
          visibility: layerInfo.visible
        },
        minzoom: minzoom || 0,