如何使用mapbox创建一个choropleth地图gl js

Question

我想使用mapbox gl js创建一个choropleth地图。 有没有办法迭代通过功能及其属性？ 我需要类似

feature.properties 

Answer 1

下面链接的文章解释了如何一个地区分布可以Mapbox GL实现的方式。 http://anand.codes/2015/09/21/interative-data-driven-styles-with-mapbox-gl-js/

提供的代码和文字说明使其足够简单。

Answer 2

Mapbox GL 0.19 adds更自然地创建choropleths：data-driven styling。

以下their example，你可以定义stops为fill-color绑定到一个特定的属性。 MapboxGL将在这些值之间进行插值。

map.addLayer({ 
    'source': 'dataset', 
    'type': 'fill', 
    'paint': { 
     'fill-color': { 
      property: 'population', 
      stops: [ 
       [0, 'white'], 
       [100, 'red'] 
      ] 
     }, 
     'fill-opacity': 0.75 
    } 
})