mapbox-gl-js - "step"表达式在 Mapbox 中如何工作？

Question

步骤函数如何在数组的 Mapbox 填充颜色属性中工作？同时:

R=[ 'interpolate', ['linear'],['number',['get', dim_properties.name]], -150, "#800026", -133, "#bd0026", -116, "#e31a1c", -100, "#fc4e2a", -83, "#fd8d3c", -66, "#feb24c", -50, "#fed976", -33, "#ffeda0", -16, "#ffffcc", 0, "#ffffff"]

map.addLayer({
            id: 'er',
            type: 'fill',
            source: {
              type: 'vector',
              url: pixelling_url
            },
            'source-layer':pixelling_source_layer,
                paint: {

        'fill-color':R
    }

工作完美，

其他代码没有。

R=[ 'step',['get', dim_properties.name]], -150, "#800026", -133, "#bd0026", -116, "#e31a1c", -100, "#fc4e2a", -83, "#fd8d3c", -66, "#feb24c", -50, "#fed976", -33, "#ffeda0", -16, "#ffffcc", 0, "#ffffff"]

map.addLayer({
            id: 'er',
            type: 'fill',
            source: {
              type: 'vector',
              url: pixelling_url
            },
            'source-layer':pixelling_source_layer,
                paint: {

        'fill-color':R
    }

错误消息为:“paint.fill-color:需要偶数个参数

请注意，这两段代码之间的区别仅在于 R 的定义。

Answer 1

对于步骤表达式，您需要设置一个基值。如果您愿意，只需删除第一个中断值就可以解决您的问题。现在，当 Mapbox 查找四个参数(表达式类型、属性值、基值、断点集合)时，它仅读取三个参数(表达式类型、属性、断点集合)。基本上，您不需要定义最小值。 Mapbox GL 将推断基值应分配给第一个断点以下的任何要素。在本例中，它将是满足条件 dim_properties.name < -133 的任何功能。

    R = [
      'step', // arg 1
      ['get', 'dim_properties.name'], // arg 2
      '#800026', // arg 3
      -133, '#bd0026', // rest of the expression is arg 4
      -116, '#e31a1c',
      -100, '#fc4e2a',
      -83, '#fd8d3c',
      -66, '#feb24c',
      -50, '#fed976',
      -33, '#ffeda0',
      -16, '#ffffcc',
      0, '#ffffff'
     ]