如何使用mapbox gl js创建一个等值区域图

Question

我想使用mapbox gl js创建一个等值区域图。 有没有办法迭代功能及其属性？ 我需要一种类似于

的方法

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创建等值区的一种更自然的方式：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
    }
})