如何使用 mapbox gl js 创建等值线图

【问题标题】：how to create a choropleth map with mapbox gl js如何使用 mapbox gl js 创建等值线图
【发布时间】：2015-11-20 17:30:11
【问题描述】：

我想使用 mapbox gl js 创建一个等值线地图。有没有办法遍历特征及其属性？我需要一种类似于

的方式

feature.properties

【问题讨论】：

标签： mapbox-gl-js

【解决方案1】：

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

在their example 之后，您可以为绑定到特定属性的fill-color 定义stops。 MapboxGL 将在值之间进行插值。

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

【讨论】：

【解决方案2】：

下面链接的文章解释了如何在 Mapbox gl 中实现等值线。 http://anand.codes/2015/09/21/interative-data-driven-styles-with-mapbox-gl-js/

提供了代码，文字解释使其简单易懂。

【讨论】：

此链接似乎已损坏。