如何使用 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 a more natural way to create 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
    }
})

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

how to create a choropleth map with mapbox gl js

mapbox-gl-js