我想使用 mapbox gl js 创建一个等值线图。有没有办法遍历特征及其属性?我需要一种类似于
feature.properties
Mapbox GL 0.19添加了一种更自然的方式来创建 choropleths:数据驱动样式。
按照他们的示例,您可以stops
为fill-color
绑定到特定属性定义。MapboxGL 将在值之间进行插值。
map.addLayer({
'source': 'dataset',
'type': 'fill',
'paint': {
'fill-color': {
property: 'population',
stops: [
[0, 'white'],
[100, 'red']
]
},
'fill-opacity': 0.75
}
})
下面链接的文章解释了如何在 Mapbox gl 中实现等值线。 http://anand.codes/2015/09/21/interative-data-driven-styles-with-mapbox-gl-js/
提供了代码,文本解释使其非常简单易懂。