如何根据mapbox-gl-js中的不同值范围和空值为多边形着色？

Question

我正在尝试根据不同的值范围为多边形着色。 但是，空值显示为黑色。 我不确定明确说“对空值使用白色”的表达式是什么。

 paint: {
          "fill-color": [
  "step",
  ["get", "value"],
  "#f1eef6",
  100,
  "#bdc9e1",
  200,
  "#74a9cf",
  300,
  "#2b8cbe",
  400,
  "#045a8d"
],
  "fill-opacity": 1
  },

Answer 1

一种简单的方法是使用["match"]并将白色设置为默认颜色。 它还捕获了您可能没有想到的任何其他值。

 "fill-color": [
  "match",
  ["get", "value"],
  "#f1eef6",
  100,
  "#bdc9e1",
  200,
  "#74a9cf",
  300,
  "#2b8cbe",
  400,
  "#045a8d",
  "white"
],

Answer 2

我想我想通了：

 "fill-color": [
  "case",
  ["==", ["get", "value"], null],
  "white",
  ["step", ["get", "value"], "#deebf7", 25, "#9ecae1", 50, "#3182bd"]
];