Mapbox GL JS：填充多边形的插值无效

Question

我正在尝试创建一个Choropleth地图，该地图使用填充颜色属性的表达式填充来自本地GeoJson的一些多边形：

map.addSource("buildings", {
    type: "geojson",
    data: "test2.geojson"
});

map.addLayer({
    "id": "buildingsBoundaries",
    "type": "fill",
    "source": "buildings",
    "paint": {

        "fill-color": [
            'interpolate',
            ['linear'],
            ['get', 'testValue'],
            10, '#F2F12D',
            20, '#CA8323',
            30, '#723122'
        ],

        "fill-opacity": 0.5
    }
});

我遇到一个错误：

  

错误：layers.buildingsBoundaries.paint.fill-color：期望的颜色，找到了数组

但是一切都可以使用带有停止点的技术进行工作：

'fill-color': {
    property: 'testValue',
    stops: [[10, '#F2F12D'], [20, '#CA8323'], [30, '#723122']]
}

有人可以说我在做什么错吗？这是我的工作Plnkr