Kolory mam już odpowiednie ale jeszcze nie wiem jak zrobić aby te kolory były przypisane na sztywno bo teraz wychodzi gradient.
Tak wygląda kod co za to odpowiada.
var idw = L.idwLayer(meteoPoints,{
opacity: 1,
maxZoom: 8,
cellSize: 1,
exp: 3,
gradient: {
0: '#970033',
0.01: '#b10022',
0.02: '#b90025',
0.05: '#c80026',
0.07: '#d8002a',
0.1: '#ed002f',
0.11: '#fc003e',
0.12: '#dd0004',
0.14: '#e00004',
0.15: '#e90916',
0.17: '#ed1e31',
0.19: '#ee4831',
0.2: '#fc4a06',
0.21: '#fd6007',
0.22: '#fd7707',
0.25: '#fd8e07',
0.27: '#fda207',
0.29: '#feb908',
0.3: '#fed809',
0.31: '#ffee0a',
0.32: '#ffff0c',
0.35: '#e8f909',
0.37: '#cfef08',
0.39: '#b8e609',
0.4: '#a0da08',
0.41: '#89d007',
0.42: '#76c809',
0.44: '#50bf06',
0.45: '#209404',
0.47: '#1c9f05',
0.49: '#1cae05',
0.5: '#21c306',
0.51: '#26dc06',
0.52: '#29eb07',
0.54: '#35ff1b',
0.55: '#44ff33',
0.57: '#6cff64',
0.59: '#9aff96',
0.6: '#cdffff',
0.61: '#cdffff',
0.62: '#cdffff',
0.65: '#cdffff',
0.67: '#cdffff',
0.69: '#cdffff',
0.7: '#cdffff',
0.71: '#cdffff',
0.72: '#cdffff',
0.75: '#cdffff',
0.77: '#cdffff',
0.79: '#cdffff',
0.8: '#cdffff',
0.81: '#cdffff',
0.82: '#cdffff',
0.85: '#cdffff',
0.87: '#cdffff',
0.89: '#cdffff',
0.9: '#cdffff',
0.91: '#cdffff',
0.92: '#cdffff',
0.95: '#cdffff',
0.97: '#cdffff',
0.99: '#cdffff',
1: '#cdffff'
},
}).addTo(map);