Mapbox GL/Maplibre GL中to-number遇null转0的替代方案问询

核心问题在于to-number会把null转为0，所以必须先单独判断null的情况，再处理数值范围判断，否则null会被误判成0进入第一个分支。

正确的case表达式写法如下：

'paint': {
  'circle-color': [
    'case',
    // 先捕获null的情况
    ['==', ['get', 'value'], null], '#2f2f2f',
    // 处理0-100的有效值
    ['all', ['>=', ['to-number', ['get', 'value']], 0], ['<', ['to-number', ['get', 'value']], 100]], '#fff',
    // 处理100-500的有效值
    ['all', ['>=', ['to-number', ['get', 'value']], 100], ['<', ['to-number', ['get', 'value']], 500]], '#000',
    // 其他异常值（如小于0、大于等于500）也用该颜色
    '#2f2f2f'
  ]
}

为什么之前的方法没生效？ #

• 用==判断null但没放在最前面：case是按顺序匹配的，如果先判断数值范围，null会被to-number转成0，提前进入第一个分支，后面的null判断永远不会触发。
• 用to-string判断空字符串：pg_tileserv返回的null在Mapbox表达式中会保留null类型，不会转为空字符串，所以这个判断不生效。

关键逻辑 #

1. 把null判断放在case的最开头，优先捕获所有null值
2. 后续的数值判断只处理非null字段，此时to-number可以安全转换有效值
3. 最后用默认值覆盖所有不符合前两个数值范围的情况

内容的提问来源于stack exchange，提问作者walking_the_cow