mapbox stop的四种类型
2020-04-02 本文已影响0人
yaoyao妖妖
1.指数类型,最终输出值由stops中的差值项进行区间范围内的指数级差值计算生成
map.addLayer({
"paint": {
"circle-color": {
// 指数类型type可不写
"type": "exponential",
"property": "val",
"stops": [
// properties.val为0,圆的颜色为红色
[0, "red"],
// properties.val为500,圆的颜色为绿色
[500, "green"],
// properties.val为1000,圆的颜色为蓝色
[1000, "blue"]
],
// 可选,默认值:1。插值运算的曲率指数基数,控制最终计算结果值的增长率,值越大,最终计算结果值越大,当值趋近于1时,函数采用线性计算方式。
"base": 0.9
}
}
});
- 区间类型 最终输出值由stops中的差值项进行区间范围内的阶梯型差值计算生成,stops中的输入参数必须为数值类型。
map.addLayer({
"paint": {
"circle-opacity": {
"type": "interval",
"property": "val", // 不写,将会根据zoom设置
"stops": [
// properties.val大于等于0时,圆颜色为红色
[0, "red"],
// properties.val大于等于500时,圆颜色为绿色
[500, "green"],
// properties.val大于等于1000时,圆颜色为蓝色
[1000, "blue"],
]
}
}
});
- 种别类型:
最终输出值完全匹配stops中的输入值对应的输出值
map.addLayer({
"paint": {
"fill-color": {
"type": "categorical",
"property": "num", // 必写
"stops": [
// 仅当properties.num等于5时,面颜色为红色
[5, "red"],
// 仅当properties.num等于10时,面颜色为绿色
[10, "green"],
]
}
}
});
- 恒等类型 最终输出值完全等于输入值
map.addLayer({
"paint": {
"line-color": {
"type": "identity",
// 线颜色直接取properties.color的值
"property": "color"
}
}
});