components/map-component.tsx

@@ -148,8 +148,6 @@ export function MapComponent({
                                 }
 
                                 float value = texColor.r * 3.4;
-
-                                
                                 value = clamp(value, 0.0, 1.0);
 
                                 // 软阈值，避免全场被 return

lib/color-maps.ts

@@ -266,10 +266,21 @@ export function createMeteorologicalColorMap(): Uint8Array {
         for (let j = 0; j < colorRanges.length; j++) {
             const range = colorRanges[j];
             if (value >= range.range[0] && value <= range.range[1]) {
-                // 使用区间的固定颜色，不进行插值
+                // 在区间内进行线性插值
+                const localT = (value - range.range[0]) / (range.range[1] - range.range[0]);
+
+                if (j < colorRanges.length - 1) {
+                    const nextRange = colorRanges[j + 1];
+                    // 与下一个颜色进行插值
+                    r = Math.floor(range.color[0] + localT * (nextRange.color[0] - range.color[0]));
+                    g = Math.floor(range.color[1] + localT * (nextRange.color[1] - range.color[1]));
+                    b = Math.floor(range.color[2] + localT * (nextRange.color[2] - range.color[2]));
+                } else {
+                    // 最后一个区间，使用固定颜色
                     r = range.color[0];
                     g = range.color[1];
                     b = range.color[2];
+                }
                 found = true;
                 break;
             }