2023-06-22 10:53:32 -07:00

26 lines
568 B
TypeScript

import type {LayerProps} from 'react-map-gl';
// For more information on data-driven styles, see https://www.mapbox.com/help/gl-dds-ref/
export const dataLayer: LayerProps = {
id: 'data',
type: 'fill',
paint: {
'fill-color': {
type: 'interval',
property: 'percentile',
stops: [
[0, '#3288bd'],
[1, '#66c2a5'],
[2, '#abdda4'],
[3, '#e6f598'],
[4, '#ffffbf'],
[5, '#fee08b'],
[6, '#fdae61'],
[7, '#f46d43'],
[8, '#d53e4f']
]
},
'fill-opacity': 0.8
}
};