@operato/weather 9.0.1 → 9.0.2

package/dist/src/layers/solar-layer.js

@@ -0,0 +1,253 @@
+import { BaseWeatherLayer } from './base-weather-layer';
+import VectorSource from 'ol/source/Vector';
+import VectorLayer from 'ol/layer/Vector';
+import Feature from 'ol/Feature';
+import { fromLonLat } from 'ol/proj';
+import { Style, Fill } from 'ol/style';
+import Polygon from 'ol/geom/Polygon';
+/**
+ * 태양광 레이어 구현
+ */
+export class SolarLayer extends BaseWeatherLayer {
+    getType() {
+        return 'solar';
+    }
+    /**
+     * 벡터 레이어를 생성하여 태양광을 표현합니다.
+     */
+    createLayer() {
+        const source = new VectorSource();
+        console.log('태양광 레이어 생성 - 데이터 존재 여부:', !!this.weatherData, '데이터 개수:', this.weatherData?.length);
+        if (!this.weatherData || this.weatherData.length === 0) {
+            console.log('태양광 레이어: 날씨 데이터가 없음');
+            return new VectorLayer({
+                source,
+                zIndex: 8
+            });
+        }
+        // 태양광 데이터 유효성 확인
+        const validData = this.weatherData.filter(data => {
+            const hasSolar = data.solar && typeof data.solar.radiation === 'number' && data.cloud && typeof data.cloud.coverage === 'number';
+            if (!hasSolar) {
+                console.log('태양광 데이터 없음:', data);
+            }
+            return hasSolar;
+        });
+        console.log('유효한 태양광 데이터 수:', validData.length);
+        if (validData.length === 0) {
+            console.log('태양광 레이어: 유효한 태양광 데이터가 없음');
+            return new VectorLayer({
+                source,
+                zIndex: 8
+            });
+        }
+        // 각 데이터 포인트의 위치와 태양광 값 추출
+        const points = validData.map(data => ({
+            lon: data.location.longitude,
+            lat: data.location.latitude,
+            radiation: data.solar.radiation,
+            // 구름 영향 고려
+            cloudImpact: Math.max(0, 1 - data.cloud.coverage / 100),
+            // 구름 영향을 고려한 유효 태양광
+            effectiveRadiation: data.solar.radiation * Math.max(0, 1 - data.cloud.coverage / 100)
+        }));
+        console.log('태양광 데이터 포인트:', points.length, '첫 번째 포인트:', points[0]);
+        // 태양광 최대/최소값 계산
+        let minRadiation = Infinity;
+        let maxRadiation = -Infinity;
+        points.forEach(point => {
+            minRadiation = Math.min(minRadiation, point.effectiveRadiation);
+            maxRadiation = Math.max(maxRadiation, point.effectiveRadiation);
+        });
+        console.log('태양광 최소/최대값:', minRadiation, maxRadiation);
+        // 태양광 정규화 함수 - 0~1 범위로 변환
+        const normalizeRadiation = (radiation) => {
+            if (maxRadiation === minRadiation)
+                return 0.5;
+            return (radiation - minRadiation) / (maxRadiation - minRadiation);
+        };
+        // 개선된 태양광 보간 함수 - IDW(Inverse Distance Weighting) 기반 보간법
+        const interpolateRadiation = (lon, lat) => {
+            // 가장 가까운 이웃 개수 제한 - 모든 포인트 대신 가까운 포인트만 사용하여 국지적 패턴 유지
+            const MAX_NEIGHBORS = 5;
+            // 현재 위치에서 모든 포인트까지의 거리 계산
+            const distances = points.map(point => {
+                const dx = lon - point.lon;
+                const dy = lat - point.lat;
+                return {
+                    point,
+                    dist: Math.sqrt(dx * dx + dy * dy)
+                };
+            });
+            // 거리에 따라 정렬하고 가장 가까운 이웃만 선택
+            const nearestNeighbors = distances.sort((a, b) => a.dist - b.dist).slice(0, MAX_NEIGHBORS);
+            // 포인트가 정확히 일치하는 경우
+            if (nearestNeighbors.length > 0 && nearestNeighbors[0].dist < 0.0001) {
+                return nearestNeighbors[0].point.effectiveRadiation;
+            }
+            // 역거리 가중치 보간법 적용 - 거리의 제곱에 반비례하는 가중치 사용
+            let totalWeight = 0;
+            let weightedRadiation = 0;
+            // 가중치 지수 - 낮을수록 더 부드러운 보간, 높을수록 가까운 값에 더 큰 영향
+            const power = 1.5;
+            nearestNeighbors.forEach(({ point, dist }) => {
+                // 작은 값으로 나누기 방지
+                const adjustedDist = Math.max(dist, 0.0001);
+                const weight = 1 / Math.pow(adjustedDist, power);
+                totalWeight += weight;
+                weightedRadiation += point.effectiveRadiation * weight;
+            });
+            return weightedRadiation / totalWeight;
+        };
+        // 태양광에 따른 색상 계산 함수
+        const getColorFromRadiation = (radiation) => {
+            const normalized = normalizeRadiation(radiation);
+            // 태양광 표현에 적합한 색상 - 낮은 값은 더 어두운 노랑, 높은 값은 밝고 강렬한 노랑
+            const hue = 50 - normalized * 10; // 50~40 범위의 노란색
+            const saturation = 60 + normalized * 40; // 60~100% 채도
+            const lightness = 30 + normalized * 60; // 30~90% 밝기
+            // 태양광 강도에 따라 투명도 조정 - 강한 태양광은 더 선명하게
+            const alpha = 0.3 + normalized * 0.5;
+            return `hsla(${hue}, ${saturation}%, ${lightness}%, ${alpha})`;
+        };
+        // 그라데이션을 적용할 그리드 생성
+        const bounds = {
+            minLon: Infinity,
+            maxLon: -Infinity,
+            minLat: Infinity,
+            maxLat: -Infinity
+        };
+        // 데이터 포인트로부터 영역 경계 계산
+        points.forEach(point => {
+            bounds.minLon = Math.min(bounds.minLon, point.lon);
+            bounds.maxLon = Math.max(bounds.maxLon, point.lon);
+            bounds.minLat = Math.min(bounds.minLat, point.lat);
+            bounds.maxLat = Math.max(bounds.maxLat, point.lat);
+        });
+        // 경계에 마진 추가
+        const margin = 0.1;
+        bounds.minLon -= margin;
+        bounds.maxLon += margin;
+        bounds.minLat -= margin;
+        bounds.maxLat += margin;
+        // 고해상도 그리드 생성 (더 매끄러운 그라데이션을 위해)
+        const gridResolution = 100; // 적절한 해상도로 조정
+        const lonStep = (bounds.maxLon - bounds.minLon) / gridResolution;
+        const latStep = (bounds.maxLat - bounds.minLat) / gridResolution;
+        // 인접 셀 간의 값 차이 최소화를 위한 스무딩 함수
+        const smoothGrid = (grid, passes = 2) => {
+            const rows = grid.length;
+            if (rows === 0)
+                return grid;
+            const cols = grid[0].length;
+            const result = Array(rows)
+                .fill(0)
+                .map(() => Array(cols).fill(0));
+            // 여러 번 스무딩 패스 적용
+            for (let pass = 0; pass < passes; pass++) {
+                const currentGrid = pass === 0 ? grid : result;
+                for (let i = 0; i < rows; i++) {
+                    for (let j = 0; j < cols; j++) {
+                        // 현재 셀과 인접 셀의 평균 계산
+                        let sum = currentGrid[i][j];
+                        let count = 1;
+                        // 상하좌우 셀 확인
+                        const neighbors = [
+                            [i - 1, j],
+                            [i + 1, j],
+                            [i, j - 1],
+                            [i, j + 1]
+                        ];
+                        neighbors.forEach(([ni, nj]) => {
+                            if (ni >= 0 && ni < rows && nj >= 0 && nj < cols) {
+                                sum += currentGrid[ni][nj];
+                                count++;
+                            }
+                        });
+                        // 평균값으로 스무딩 (약간의 원본 가중치 부여)
+                        result[i][j] = currentGrid[i][j] * 0.6 + ((sum - currentGrid[i][j]) / (count - 1)) * 0.4;
+                    }
+                }
+            }
+            return result;
+        };
+        // 태양광 데이터 그리드 생성
+        const radiationGrid = [];
+        for (let i = 0; i < gridResolution; i++) {
+            radiationGrid[i] = [];
+            for (let j = 0; j < gridResolution; j++) {
+                const centerLon = bounds.minLon + (j + 0.5) * lonStep;
+                const centerLat = bounds.minLat + (i + 0.5) * latStep;
+                radiationGrid[i][j] = interpolateRadiation(centerLon, centerLat);
+            }
+        }
+        // 그리드 스무딩 적용
+        const smoothedGrid = smoothGrid(radiationGrid, 2);
+        // 셀 생성 및 피처 추가
+        for (let i = 0; i < gridResolution; i++) {
+            for (let j = 0; j < gridResolution; j++) {
+                const lonMin = bounds.minLon + j * lonStep;
+                const lonMax = bounds.minLon + (j + 1) * lonStep;
+                const latMin = bounds.minLat + i * latStep;
+                const latMax = bounds.minLat + (i + 1) * latStep;
+                // 스무딩된 값 사용
+                const interpolatedRadiation = smoothedGrid[i][j];
+                // 너무 작은 태양광은 제외 (최소값의 5% 미만)
+                if (interpolatedRadiation < minRadiation + (maxRadiation - minRadiation) * 0.05)
+                    continue;
+                // 셀 좌표 계산 및 변환
+                const coordinates = [
+                    [lonMin, latMin],
+                    [lonMax, latMin],
+                    [lonMax, latMax],
+                    [lonMin, latMax],
+                    [lonMin, latMin]
+                ].map(coord => fromLonLat(coord));
+                // 다각형 피처 생성
+                const feature = new Feature({
+                    geometry: new Polygon([coordinates]),
+                    radiation: interpolatedRadiation
+                });
+                source.addFeature(feature);
+            }
+        }
+        // CSS 블렌딩 모드 정의를 위한 클래스 이름 추가
+        const layerClass = 'solar-layer';
+        // 블렌딩 모드 스타일 추가
+        if (!document.getElementById('solar-layer-style')) {
+            const style = document.createElement('style');
+            style.id = 'solar-layer-style';
+            style.textContent = `
+        .${layerClass} canvas {
+          mix-blend-mode: overlay;
+        }
+      `;
+            document.head.appendChild(style);
+        }
+        // 벡터 레이어 생성
+        return new VectorLayer({
+            source,
+            zIndex: 8,
+            className: layerClass,
+            opacity: 0.8,
+            style: feature => {
+                const radiation = feature.get('radiation');
+                return new Style({
+                    fill: new Fill({
+                        color: getColorFromRadiation(radiation)
+                    }),
+                    // 경계선 완전히 제거
+                    stroke: undefined
+                });
+            }
+        });
+    }
+    /**
+     * 레이어에 날씨 데이터를 설정합니다.
+     */
+    setWeatherData(data) {
+        this.weatherData = data;
+        this.updateLayer();
+    }
+}
+//# sourceMappingURL=solar-layer.js.map

package/dist/src/layers/solar-layer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"solar-layer.js","sourceRoot":"","sources":["../../../src/layers/solar-layer.ts"],"names":[],"mappings":"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","sourcesContent":["import { BaseWeatherLayer } from './base-weather-layer'\nimport { WeatherData, WeatherLayerType } from '../types'\nimport BaseLayer from 'ol/layer/Base'\nimport VectorSource from 'ol/source/Vector'\nimport VectorLayer from 'ol/layer/Vector'\nimport Feature from 'ol/Feature'\nimport { fromLonLat } from 'ol/proj'\nimport { Style, Fill } from 'ol/style'\nimport Polygon from 'ol/geom/Polygon'\n\n/**\n * 태양광 레이어 구현\n */\nexport class SolarLayer extends BaseWeatherLayer {\n  getType(): WeatherLayerType {\n    return 'solar'\n  }\n\n  /**\n   * 벡터 레이어를 생성하여 태양광을 표현합니다.\n   */\n  createLayer(): BaseLayer {\n    const source = new VectorSource()\n\n    console.log('태양광 레이어 생성 - 데이터 존재 여부:', !!this.weatherData, '데이터 개수:', this.weatherData?.length)\n\n    if (!this.weatherData || this.weatherData.length === 0) {\n      console.log('태양광 레이어: 날씨 데이터가 없음')\n      return new VectorLayer({\n        source,\n        zIndex: 8\n      })\n    }\n\n    // 태양광 데이터 유효성 확인\n    const validData = this.weatherData.filter(data => {\n      const hasSolar =\n        data.solar && typeof data.solar.radiation === 'number' && data.cloud && typeof data.cloud.coverage === 'number'\n      if (!hasSolar) {\n        console.log('태양광 데이터 없음:', data)\n      }\n      return hasSolar\n    })\n\n    console.log('유효한 태양광 데이터 수:', validData.length)\n\n    if (validData.length === 0) {\n      console.log('태양광 레이어: 유효한 태양광 데이터가 없음')\n      return new VectorLayer({\n        source,\n        zIndex: 8\n      })\n    }\n\n    // 각 데이터 포인트의 위치와 태양광 값 추출\n    const points = validData.map(data => ({\n      lon: data.location.longitude,\n      lat: data.location.latitude,\n      radiation: data.solar.radiation,\n      // 구름 영향 고려\n      cloudImpact: Math.max(0, 1 - data.cloud.coverage / 100),\n      // 구름 영향을 고려한 유효 태양광\n      effectiveRadiation: data.solar.radiation * Math.max(0, 1 - data.cloud.coverage / 100)\n    }))\n\n    console.log('태양광 데이터 포인트:', points.length, '첫 번째 포인트:', points[0])\n\n    // 태양광 최대/최소값 계산\n    let minRadiation = Infinity\n    let maxRadiation = -Infinity\n\n    points.forEach(point => {\n      minRadiation = Math.min(minRadiation, point.effectiveRadiation)\n      maxRadiation = Math.max(maxRadiation, point.effectiveRadiation)\n    })\n\n    console.log('태양광 최소/최대값:', minRadiation, maxRadiation)\n\n    // 태양광 정규화 함수 - 0~1 범위로 변환\n    const normalizeRadiation = (radiation: number) => {\n      if (maxRadiation === minRadiation) return 0.5\n      return (radiation - minRadiation) / (maxRadiation - minRadiation)\n    }\n\n    // 개선된 태양광 보간 함수 - IDW(Inverse Distance Weighting) 기반 보간법\n    const interpolateRadiation = (lon: number, lat: number) => {\n      // 가장 가까운 이웃 개수 제한 - 모든 포인트 대신 가까운 포인트만 사용하여 국지적 패턴 유지\n      const MAX_NEIGHBORS = 5\n\n      // 현재 위치에서 모든 포인트까지의 거리 계산\n      const distances = points.map(point => {\n        const dx = lon - point.lon\n        const dy = lat - point.lat\n        return {\n          point,\n          dist: Math.sqrt(dx * dx + dy * dy)\n        }\n      })\n\n      // 거리에 따라 정렬하고 가장 가까운 이웃만 선택\n      const nearestNeighbors = distances.sort((a, b) => a.dist - b.dist).slice(0, MAX_NEIGHBORS)\n\n      // 포인트가 정확히 일치하는 경우\n      if (nearestNeighbors.length > 0 && nearestNeighbors[0].dist < 0.0001) {\n        return nearestNeighbors[0].point.effectiveRadiation\n      }\n\n      // 역거리 가중치 보간법 적용 - 거리의 제곱에 반비례하는 가중치 사용\n      let totalWeight = 0\n      let weightedRadiation = 0\n\n      // 가중치 지수 - 낮을수록 더 부드러운 보간, 높을수록 가까운 값에 더 큰 영향\n      const power = 1.5\n\n      nearestNeighbors.forEach(({ point, dist }) => {\n        // 작은 값으로 나누기 방지\n        const adjustedDist = Math.max(dist, 0.0001)\n        const weight = 1 / Math.pow(adjustedDist, power)\n\n        totalWeight += weight\n        weightedRadiation += point.effectiveRadiation * weight\n      })\n\n      return weightedRadiation / totalWeight\n    }\n\n    // 태양광에 따른 색상 계산 함수\n    const getColorFromRadiation = (radiation: number) => {\n      const normalized = normalizeRadiation(radiation)\n\n      // 태양광 표현에 적합한 색상 - 낮은 값은 더 어두운 노랑, 높은 값은 밝고 강렬한 노랑\n      const hue = 50 - normalized * 10 // 50~40 범위의 노란색\n      const saturation = 60 + normalized * 40 // 60~100% 채도\n      const lightness = 30 + normalized * 60 // 30~90% 밝기\n\n      // 태양광 강도에 따라 투명도 조정 - 강한 태양광은 더 선명하게\n      const alpha = 0.3 + normalized * 0.5\n\n      return `hsla(${hue}, ${saturation}%, ${lightness}%, ${alpha})`\n    }\n\n    // 그라데이션을 적용할 그리드 생성\n    const bounds = {\n      minLon: Infinity,\n      maxLon: -Infinity,\n      minLat: Infinity,\n      maxLat: -Infinity\n    }\n\n    // 데이터 포인트로부터 영역 경계 계산\n    points.forEach(point => {\n      bounds.minLon = Math.min(bounds.minLon, point.lon)\n      bounds.maxLon = Math.max(bounds.maxLon, point.lon)\n      bounds.minLat = Math.min(bounds.minLat, point.lat)\n      bounds.maxLat = Math.max(bounds.maxLat, point.lat)\n    })\n\n    // 경계에 마진 추가\n    const margin = 0.1\n    bounds.minLon -= margin\n    bounds.maxLon += margin\n    bounds.minLat -= margin\n    bounds.maxLat += margin\n\n    // 고해상도 그리드 생성 (더 매끄러운 그라데이션을 위해)\n    const gridResolution = 100 // 적절한 해상도로 조정\n    const lonStep = (bounds.maxLon - bounds.minLon) / gridResolution\n    const latStep = (bounds.maxLat - bounds.minLat) / gridResolution\n\n    // 인접 셀 간의 값 차이 최소화를 위한 스무딩 함수\n    const smoothGrid = (grid: number[][], passes: number = 2): number[][] => {\n      const rows = grid.length\n      if (rows === 0) return grid\n\n      const cols = grid[0].length\n      const result = Array(rows)\n        .fill(0)\n        .map(() => Array(cols).fill(0))\n\n      // 여러 번 스무딩 패스 적용\n      for (let pass = 0; pass < passes; pass++) {\n        const currentGrid = pass === 0 ? grid : result\n\n        for (let i = 0; i < rows; i++) {\n          for (let j = 0; j < cols; j++) {\n            // 현재 셀과 인접 셀의 평균 계산\n            let sum = currentGrid[i][j]\n            let count = 1\n\n            // 상하좌우 셀 확인\n            const neighbors = [\n              [i - 1, j],\n              [i + 1, j],\n              [i, j - 1],\n              [i, j + 1]\n            ]\n\n            neighbors.forEach(([ni, nj]) => {\n              if (ni >= 0 && ni < rows && nj >= 0 && nj < cols) {\n                sum += currentGrid[ni][nj]\n                count++\n              }\n            })\n\n            // 평균값으로 스무딩 (약간의 원본 가중치 부여)\n            result[i][j] = currentGrid[i][j] * 0.6 + ((sum - currentGrid[i][j]) / (count - 1)) * 0.4\n          }\n        }\n      }\n\n      return result\n    }\n\n    // 태양광 데이터 그리드 생성\n    const radiationGrid: number[][] = []\n\n    for (let i = 0; i < gridResolution; i++) {\n      radiationGrid[i] = []\n      for (let j = 0; j < gridResolution; j++) {\n        const centerLon = bounds.minLon + (j + 0.5) * lonStep\n        const centerLat = bounds.minLat + (i + 0.5) * latStep\n        radiationGrid[i][j] = interpolateRadiation(centerLon, centerLat)\n      }\n    }\n\n    // 그리드 스무딩 적용\n    const smoothedGrid = smoothGrid(radiationGrid, 2)\n\n    // 셀 생성 및 피처 추가\n    for (let i = 0; i < gridResolution; i++) {\n      for (let j = 0; j < gridResolution; j++) {\n        const lonMin = bounds.minLon + j * lonStep\n        const lonMax = bounds.minLon + (j + 1) * lonStep\n        const latMin = bounds.minLat + i * latStep\n        const latMax = bounds.minLat + (i + 1) * latStep\n\n        // 스무딩된 값 사용\n        const interpolatedRadiation = smoothedGrid[i][j]\n\n        // 너무 작은 태양광은 제외 (최소값의 5% 미만)\n        if (interpolatedRadiation < minRadiation + (maxRadiation - minRadiation) * 0.05) continue\n\n        // 셀 좌표 계산 및 변환\n        const coordinates = [\n          [lonMin, latMin],\n          [lonMax, latMin],\n          [lonMax, latMax],\n          [lonMin, latMax],\n          [lonMin, latMin]\n        ].map(coord => fromLonLat(coord))\n\n        // 다각형 피처 생성\n        const feature = new Feature({\n          geometry: new Polygon([coordinates]),\n          radiation: interpolatedRadiation\n        })\n\n        source.addFeature(feature)\n      }\n    }\n\n    // CSS 블렌딩 모드 정의를 위한 클래스 이름 추가\n    const layerClass = 'solar-layer'\n\n    // 블렌딩 모드 스타일 추가\n    if (!document.getElementById('solar-layer-style')) {\n      const style = document.createElement('style')\n      style.id = 'solar-layer-style'\n      style.textContent = `\n        .${layerClass} canvas {\n          mix-blend-mode: overlay;\n        }\n      `\n      document.head.appendChild(style)\n    }\n\n    // 벡터 레이어 생성\n    return new VectorLayer({\n      source,\n      zIndex: 8,\n      className: layerClass,\n      opacity: 0.8,\n      style: feature => {\n        const radiation = feature.get('radiation') as number\n        return new Style({\n          fill: new Fill({\n            color: getColorFromRadiation(radiation)\n          }),\n          // 경계선 완전히 제거\n          stroke: undefined\n        })\n      }\n    })\n  }\n\n  /**\n   * 레이어에 날씨 데이터를 설정합니다.\n   */\n  setWeatherData(data: WeatherData[]) {\n    this.weatherData = data\n    this.updateLayer()\n  }\n}\n"]}

package/dist/src/layers/temperature-layer.d.ts

@@ -0,0 +1,13 @@
+import BaseLayer from 'ol/layer/Base';
+import { BaseWeatherLayer } from './base-weather-layer.js';
+import { WeatherLayerType } from '../types.js';
+/**
+ * 온도 레이어 구현
+ */
+export declare class TemperatureLayer extends BaseWeatherLayer {
+    getType(): WeatherLayerType;
+    /**
+     * 히트맵 레이어를 생성하여 온도를 표현합니다.
+     */
+    createLayer(): BaseLayer;
+}

package/dist/src/layers/temperature-layer.js

@@ -0,0 +1,230 @@
+import VectorSource from 'ol/source/Vector';
+import Feature from 'ol/Feature';
+import { fromLonLat } from 'ol/proj';
+import Polygon from 'ol/geom/Polygon';
+import { Fill } from 'ol/style';
+import VectorLayer from 'ol/layer/Vector';
+import { Style } from 'ol/style';
+import { BaseWeatherLayer } from './base-weather-layer.js';
+/**
+ * 온도 레이어 구현
+ */
+export class TemperatureLayer extends BaseWeatherLayer {
+    getType() {
+        return 'temperature';
+    }
+    /**
+     * 히트맵 레이어를 생성하여 온도를 표현합니다.
+     */
+    createLayer() {
+        const source = new VectorSource();
+        console.log('온도 레이어 생성 - 데이터 존재 여부:', !!this.weatherData, '데이터 개수:', this.weatherData?.length);
+        if (!this.weatherData || this.weatherData.length === 0) {
+            console.log('온도 레이어: 날씨 데이터가 없음');
+            return new VectorLayer({
+                source,
+                zIndex: 5
+            });
+        }
+        // 온도 값이 있는지 확인
+        const validData = this.weatherData.filter(data => {
+            const hasTemp = data.temperature && typeof data.temperature.current === 'number';
+            if (!hasTemp) {
+                console.log('온도 데이터 없음:', data);
+            }
+            return hasTemp;
+        });
+        console.log('유효한 온도 데이터 수:', validData.length);
+        if (validData.length === 0) {
+            console.log('온도 레이어: 유효한 온도 데이터가 없음');
+            return new VectorLayer({
+                source,
+                zIndex: 5
+            });
+        }
+        // 온도 범위 계산
+        let minTemp = Infinity;
+        let maxTemp = -Infinity;
+        validData.forEach(data => {
+            const temp = data.temperature.current;
+            minTemp = Math.min(minTemp, temp);
+            maxTemp = Math.max(maxTemp, temp);
+        });
+        // 각 데이터 포인트의 위치와 온도 추출
+        const points = validData.map(data => ({
+            lon: data.location.longitude,
+            lat: data.location.latitude,
+            temp: data.temperature.current
+        }));
+        console.log('온도 데이터 포인트:', points.length, '첫 번째 포인트:', points[0]);
+        // 온도 정규화 함수 - 0~1 범위로 변환
+        const normalizeTemp = (temp) => {
+            if (maxTemp === minTemp)
+                return 0.5;
+            return (temp - minTemp) / (maxTemp - minTemp);
+        };
+        // 개선된 온도 보간 함수 - IDW(Inverse Distance Weighting) 기반 보간법
+        const interpolateTemp = (lon, lat) => {
+            // 가장 가까운 이웃 개수 제한 - 모든 포인트 대신 가까운 포인트만 사용하여 국지적 패턴 유지
+            const MAX_NEIGHBORS = 5;
+            // 현재 위치에서 모든 포인트까지의 거리 계산
+            const distances = points.map(point => {
+                const dx = lon - point.lon;
+                const dy = lat - point.lat;
+                return {
+                    point,
+                    dist: Math.sqrt(dx * dx + dy * dy)
+                };
+            });
+            // 거리에 따라 정렬하고 가장 가까운 이웃만 선택
+            const nearestNeighbors = distances.sort((a, b) => a.dist - b.dist).slice(0, MAX_NEIGHBORS);
+            // 포인트가 정확히 일치하는 경우
+            if (nearestNeighbors.length > 0 && nearestNeighbors[0].dist < 0.0001) {
+                return nearestNeighbors[0].point.temp;
+            }
+            // 역거리 가중치 보간법 적용 - 거리의 제곱에 반비례하는 가중치 사용
+            let totalWeight = 0;
+            let weightedTemp = 0;
+            // 가중치 지수 - 낮을수록 더 부드러운 보간, 높을수록 가까운 값에 더 큰 영향
+            const power = 1.5;
+            nearestNeighbors.forEach(({ point, dist }) => {
+                // 작은 값으로 나누기 방지
+                const adjustedDist = Math.max(dist, 0.0001);
+                const weight = 1 / Math.pow(adjustedDist, power);
+                totalWeight += weight;
+                weightedTemp += point.temp * weight;
+            });
+            return weightedTemp / totalWeight;
+        };
+        // 온도에 따른 색상 계산 함수
+        const getColorFromTemp = (temp) => {
+            const normalized = normalizeTemp(temp);
+            // HSL 색상 모델 사용 - 보다 자연스러운 온도 색상 맵핑
+            // 파랑(추움, 240) -> 하양(중간, 180) -> 빨강(더움, 0)
+            const hue = Math.max(0, Math.min(240, 240 - normalized * 240));
+            // 온도에 따라 채도 변화 - 극단적 온도에서 더 선명하게
+            const saturation = 70 + Math.abs(normalized - 0.5) * 60;
+            // 온도에 따라 밝기 조정 - 중간 온도는 더 밝게
+            const lightness = 50 + Math.abs(normalized - 0.5) * 20;
+            // 투명도 설정 - 중간 온도는 더 투명하게, 극단적 온도는 더 선명하게
+            const alpha = 0.4 + Math.abs(normalized - 0.5) * 0.4;
+            return `hsla(${hue}, ${saturation}%, ${lightness}%, ${alpha})`;
+        };
+        // 그라데이션을 적용할 그리드 생성
+        const bounds = {
+            minLon: Infinity,
+            maxLon: -Infinity,
+            minLat: Infinity,
+            maxLat: -Infinity
+        };
+        // 데이터 포인트로부터 영역 경계 계산
+        points.forEach(point => {
+            bounds.minLon = Math.min(bounds.minLon, point.lon);
+            bounds.maxLon = Math.max(bounds.maxLon, point.lon);
+            bounds.minLat = Math.min(bounds.minLat, point.lat);
+            bounds.maxLat = Math.max(bounds.maxLat, point.lat);
+        });
+        // 경계에 마진 추가
+        const margin = 0.1;
+        bounds.minLon -= margin;
+        bounds.maxLon += margin;
+        bounds.minLat -= margin;
+        bounds.maxLat += margin;
+        // 고해상도 그리드 생성 (더 매끄러운 그라데이션을 위해)
+        const gridResolution = 120; // 적절한 해상도로 조정
+        const lonStep = (bounds.maxLon - bounds.minLon) / gridResolution;
+        const latStep = (bounds.maxLat - bounds.minLat) / gridResolution;
+        // 인접 셀 간의 온도 차이 최소화를 위한 스무딩 함수
+        const smoothGrid = (grid, passes = 2) => {
+            const rows = grid.length;
+            if (rows === 0)
+                return grid;
+            const cols = grid[0].length;
+            const result = Array(rows)
+                .fill(0)
+                .map(() => Array(cols).fill(0));
+            // 여러 번 스무딩 패스 적용
+            for (let pass = 0; pass < passes; pass++) {
+                const currentGrid = pass === 0 ? grid : result;
+                for (let i = 0; i < rows; i++) {
+                    for (let j = 0; j < cols; j++) {
+                        // 현재 셀과 인접 셀의 평균 계산
+                        let sum = currentGrid[i][j];
+                        let count = 1;
+                        // 상하좌우 셀 확인
+                        const neighbors = [
+                            [i - 1, j],
+                            [i + 1, j],
+                            [i, j - 1],
+                            [i, j + 1]
+                        ];
+                        neighbors.forEach(([ni, nj]) => {
+                            if (ni >= 0 && ni < rows && nj >= 0 && nj < cols) {
+                                sum += currentGrid[ni][nj];
+                                count++;
+                            }
+                        });
+                        // 평균값으로 스무딩 (약간의 원본 가중치 부여)
+                        result[i][j] = currentGrid[i][j] * 0.6 + ((sum - currentGrid[i][j]) / (count - 1)) * 0.4;
+                    }
+                }
+            }
+            return result;
+        };
+        // 온도 데이터 그리드 생성
+        const tempGrid = [];
+        for (let i = 0; i < gridResolution; i++) {
+            tempGrid[i] = [];
+            for (let j = 0; j < gridResolution; j++) {
+                const centerLon = bounds.minLon + (j + 0.5) * lonStep;
+                const centerLat = bounds.minLat + (i + 0.5) * latStep;
+                tempGrid[i][j] = interpolateTemp(centerLon, centerLat);
+            }
+        }
+        // 그리드 스무딩 적용
+        const smoothedGrid = smoothGrid(tempGrid, 2);
+        // 셀 생성 및 피처 추가
+        for (let i = 0; i < gridResolution; i++) {
+            for (let j = 0; j < gridResolution; j++) {
+                const lonMin = bounds.minLon + j * lonStep;
+                const lonMax = bounds.minLon + (j + 1) * lonStep;
+                const latMin = bounds.minLat + i * latStep;
+                const latMax = bounds.minLat + (i + 1) * latStep;
+                // 스무딩된 온도값 사용
+                const interpolatedTemp = smoothedGrid[i][j];
+                // 셀 좌표 계산 및 변환
+                const coordinates = [
+                    [lonMin, latMin],
+                    [lonMax, latMin],
+                    [lonMax, latMax],
+                    [lonMin, latMax],
+                    [lonMin, latMin]
+                ].map(coord => fromLonLat(coord));
+                // 다각형 피처 생성
+                const feature = new Feature({
+                    geometry: new Polygon([coordinates]),
+                    temperature: interpolatedTemp
+                });
+                source.addFeature(feature);
+            }
+        }
+        // 벡터 레이어 생성 - 경계선 제거
+        return new VectorLayer({
+            source,
+            zIndex: 6,
+            opacity: 0.8, // 전체 레이어 투명도 설정
+            className: 'temperature-layer', // 사용자 정의 클래스 이름 추가
+            style: feature => {
+                const temp = feature.get('temperature');
+                return new Style({
+                    fill: new Fill({
+                        color: getColorFromTemp(temp)
+                    }),
+                    // 경계선 완전히 제거
+                    stroke: undefined
+                });
+            }
+        });
+    }
+}
+//# sourceMappingURL=temperature-layer.js.map

package/dist/src/layers/temperature-layer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"temperature-layer.js","sourceRoot":"","sources":["../../../src/layers/temperature-layer.ts"],"names":[],"mappings":"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","sourcesContent":["import BaseLayer from 'ol/layer/Base'\nimport VectorSource from 'ol/source/Vector'\nimport { Heatmap as HeatmapLayer } from 'ol/layer'\nimport Feature from 'ol/Feature'\nimport Point from 'ol/geom/Point'\nimport { fromLonLat } from 'ol/proj'\nimport Polygon from 'ol/geom/Polygon'\nimport { Fill } from 'ol/style'\nimport VectorLayer from 'ol/layer/Vector'\nimport { Style, Stroke } from 'ol/style'\n\nimport { BaseWeatherLayer } from './base-weather-layer.js'\nimport { WeatherData, WeatherLayerType } from '../types.js'\n\n/**\n * 온도 레이어 구현\n */\nexport class TemperatureLayer extends BaseWeatherLayer {\n  getType(): WeatherLayerType {\n    return 'temperature'\n  }\n\n  /**\n   * 히트맵 레이어를 생성하여 온도를 표현합니다.\n   */\n  createLayer(): BaseLayer {\n    const source = new VectorSource()\n\n    console.log('온도 레이어 생성 - 데이터 존재 여부:', !!this.weatherData, '데이터 개수:', this.weatherData?.length)\n\n    if (!this.weatherData || this.weatherData.length === 0) {\n      console.log('온도 레이어: 날씨 데이터가 없음')\n      return new VectorLayer({\n        source,\n        zIndex: 5\n      })\n    }\n\n    // 온도 값이 있는지 확인\n    const validData = this.weatherData.filter(data => {\n      const hasTemp = data.temperature && typeof data.temperature.current === 'number'\n      if (!hasTemp) {\n        console.log('온도 데이터 없음:', data)\n      }\n      return hasTemp\n    })\n\n    console.log('유효한 온도 데이터 수:', validData.length)\n\n    if (validData.length === 0) {\n      console.log('온도 레이어: 유효한 온도 데이터가 없음')\n      return new VectorLayer({\n        source,\n        zIndex: 5\n      })\n    }\n\n    // 온도 범위 계산\n    let minTemp = Infinity\n    let maxTemp = -Infinity\n\n    validData.forEach(data => {\n      const temp = data.temperature.current\n      minTemp = Math.min(minTemp, temp)\n      maxTemp = Math.max(maxTemp, temp)\n    })\n\n    // 각 데이터 포인트의 위치와 온도 추출\n    const points = validData.map(data => ({\n      lon: data.location.longitude,\n      lat: data.location.latitude,\n      temp: data.temperature.current\n    }))\n\n    console.log('온도 데이터 포인트:', points.length, '첫 번째 포인트:', points[0])\n\n    // 온도 정규화 함수 - 0~1 범위로 변환\n    const normalizeTemp = (temp: number) => {\n      if (maxTemp === minTemp) return 0.5\n      return (temp - minTemp) / (maxTemp - minTemp)\n    }\n\n    // 개선된 온도 보간 함수 - IDW(Inverse Distance Weighting) 기반 보간법\n    const interpolateTemp = (lon: number, lat: number) => {\n      // 가장 가까운 이웃 개수 제한 - 모든 포인트 대신 가까운 포인트만 사용하여 국지적 패턴 유지\n      const MAX_NEIGHBORS = 5\n\n      // 현재 위치에서 모든 포인트까지의 거리 계산\n      const distances = points.map(point => {\n        const dx = lon - point.lon\n        const dy = lat - point.lat\n        return {\n          point,\n          dist: Math.sqrt(dx * dx + dy * dy)\n        }\n      })\n\n      // 거리에 따라 정렬하고 가장 가까운 이웃만 선택\n      const nearestNeighbors = distances.sort((a, b) => a.dist - b.dist).slice(0, MAX_NEIGHBORS)\n\n      // 포인트가 정확히 일치하는 경우\n      if (nearestNeighbors.length > 0 && nearestNeighbors[0].dist < 0.0001) {\n        return nearestNeighbors[0].point.temp\n      }\n\n      // 역거리 가중치 보간법 적용 - 거리의 제곱에 반비례하는 가중치 사용\n      let totalWeight = 0\n      let weightedTemp = 0\n\n      // 가중치 지수 - 낮을수록 더 부드러운 보간, 높을수록 가까운 값에 더 큰 영향\n      const power = 1.5\n\n      nearestNeighbors.forEach(({ point, dist }) => {\n        // 작은 값으로 나누기 방지\n        const adjustedDist = Math.max(dist, 0.0001)\n        const weight = 1 / Math.pow(adjustedDist, power)\n\n        totalWeight += weight\n        weightedTemp += point.temp * weight\n      })\n\n      return weightedTemp / totalWeight\n    }\n\n    // 온도에 따른 색상 계산 함수\n    const getColorFromTemp = (temp: number) => {\n      const normalized = normalizeTemp(temp)\n\n      // HSL 색상 모델 사용 - 보다 자연스러운 온도 색상 맵핑\n      // 파랑(추움, 240) -> 하양(중간, 180) -> 빨강(더움, 0)\n      const hue = Math.max(0, Math.min(240, 240 - normalized * 240))\n\n      // 온도에 따라 채도 변화 - 극단적 온도에서 더 선명하게\n      const saturation = 70 + Math.abs(normalized - 0.5) * 60\n\n      // 온도에 따라 밝기 조정 - 중간 온도는 더 밝게\n      const lightness = 50 + Math.abs(normalized - 0.5) * 20\n\n      // 투명도 설정 - 중간 온도는 더 투명하게, 극단적 온도는 더 선명하게\n      const alpha = 0.4 + Math.abs(normalized - 0.5) * 0.4\n\n      return `hsla(${hue}, ${saturation}%, ${lightness}%, ${alpha})`\n    }\n\n    // 그라데이션을 적용할 그리드 생성\n    const bounds = {\n      minLon: Infinity,\n      maxLon: -Infinity,\n      minLat: Infinity,\n      maxLat: -Infinity\n    }\n\n    // 데이터 포인트로부터 영역 경계 계산\n    points.forEach(point => {\n      bounds.minLon = Math.min(bounds.minLon, point.lon)\n      bounds.maxLon = Math.max(bounds.maxLon, point.lon)\n      bounds.minLat = Math.min(bounds.minLat, point.lat)\n      bounds.maxLat = Math.max(bounds.maxLat, point.lat)\n    })\n\n    // 경계에 마진 추가\n    const margin = 0.1\n    bounds.minLon -= margin\n    bounds.maxLon += margin\n    bounds.minLat -= margin\n    bounds.maxLat += margin\n\n    // 고해상도 그리드 생성 (더 매끄러운 그라데이션을 위해)\n    const gridResolution = 120 // 적절한 해상도로 조정\n    const lonStep = (bounds.maxLon - bounds.minLon) / gridResolution\n    const latStep = (bounds.maxLat - bounds.minLat) / gridResolution\n\n    // 인접 셀 간의 온도 차이 최소화를 위한 스무딩 함수\n    const smoothGrid = (grid: number[][], passes: number = 2): number[][] => {\n      const rows = grid.length\n      if (rows === 0) return grid\n\n      const cols = grid[0].length\n      const result = Array(rows)\n        .fill(0)\n        .map(() => Array(cols).fill(0))\n\n      // 여러 번 스무딩 패스 적용\n      for (let pass = 0; pass < passes; pass++) {\n        const currentGrid = pass === 0 ? grid : result\n\n        for (let i = 0; i < rows; i++) {\n          for (let j = 0; j < cols; j++) {\n            // 현재 셀과 인접 셀의 평균 계산\n            let sum = currentGrid[i][j]\n            let count = 1\n\n            // 상하좌우 셀 확인\n            const neighbors = [\n              [i - 1, j],\n              [i + 1, j],\n              [i, j - 1],\n              [i, j + 1]\n            ]\n\n            neighbors.forEach(([ni, nj]) => {\n              if (ni >= 0 && ni < rows && nj >= 0 && nj < cols) {\n                sum += currentGrid[ni][nj]\n                count++\n              }\n            })\n\n            // 평균값으로 스무딩 (약간의 원본 가중치 부여)\n            result[i][j] = currentGrid[i][j] * 0.6 + ((sum - currentGrid[i][j]) / (count - 1)) * 0.4\n          }\n        }\n      }\n\n      return result\n    }\n\n    // 온도 데이터 그리드 생성\n    const tempGrid: number[][] = []\n\n    for (let i = 0; i < gridResolution; i++) {\n      tempGrid[i] = []\n      for (let j = 0; j < gridResolution; j++) {\n        const centerLon = bounds.minLon + (j + 0.5) * lonStep\n        const centerLat = bounds.minLat + (i + 0.5) * latStep\n        tempGrid[i][j] = interpolateTemp(centerLon, centerLat)\n      }\n    }\n\n    // 그리드 스무딩 적용\n    const smoothedGrid = smoothGrid(tempGrid, 2)\n\n    // 셀 생성 및 피처 추가\n    for (let i = 0; i < gridResolution; i++) {\n      for (let j = 0; j < gridResolution; j++) {\n        const lonMin = bounds.minLon + j * lonStep\n        const lonMax = bounds.minLon + (j + 1) * lonStep\n        const latMin = bounds.minLat + i * latStep\n        const latMax = bounds.minLat + (i + 1) * latStep\n\n        // 스무딩된 온도값 사용\n        const interpolatedTemp = smoothedGrid[i][j]\n\n        // 셀 좌표 계산 및 변환\n        const coordinates = [\n          [lonMin, latMin],\n          [lonMax, latMin],\n          [lonMax, latMax],\n          [lonMin, latMax],\n          [lonMin, latMin]\n        ].map(coord => fromLonLat(coord))\n\n        // 다각형 피처 생성\n        const feature = new Feature({\n          geometry: new Polygon([coordinates]),\n          temperature: interpolatedTemp\n        })\n\n        source.addFeature(feature)\n      }\n    }\n\n    // 벡터 레이어 생성 - 경계선 제거\n    return new VectorLayer({\n      source,\n      zIndex: 6,\n      opacity: 0.8, // 전체 레이어 투명도 설정\n      className: 'temperature-layer', // 사용자 정의 클래스 이름 추가\n      style: feature => {\n        const temp = feature.get('temperature') as number\n        return new Style({\n          fill: new Fill({\n            color: getColorFromTemp(temp)\n          }),\n          // 경계선 완전히 제거\n          stroke: undefined\n        })\n      }\n    })\n  }\n}\n"]}

package/dist/src/layers/wind-layer.d.ts

@@ -0,0 +1,60 @@
+import BaseLayer from 'ol/layer/Base';
+import { WeatherLayerType } from '../types';
+import { BaseWeatherLayer } from './base-weather-layer';
+/**
+ * 바람 레이어 클래스
+ * OpenLayers Flow 레이어를 사용하여 바람 흐름을 표현합니다.
+ * https://github.com/openlayers/openlayers/blob/v10.4.0/examples/wind.js 참고
+ */
+export declare class WindLayer extends BaseWeatherLayer {
+    private windLayer?;
+    private windSource?;
+    protected layerType: string;
+    private maxSpeed;
+    private minSpeed;
+    private tileGrid;
+    private tileSize;
+    private weatherPoints;
+    /**
+     * 생성자
+     */
+    constructor(options?: any);
+    /**
+     * 레이어 타입 반환
+     */
+    getType(): WeatherLayerType;
+    /**
+     * 레이어 생성
+     * OpenLayers Flow 레이어를 사용하여 바람 흐름을 표현합니다.
+     * OpenLayers 공식 예제 참고: https://github.com/openlayers/openlayers/blob/v10.4.0/examples/wind.js
+     */
+    createLayer(): BaseLayer;
+    /**
+     * 날씨 데이터에서 바람 정보 추출
+     */
+    private prepareWindData;
+    /**
+     * 목업 바람 데이터 생성
+     */
+    private createMockWindData;
+    /**
+     * 타일에 바람 데이터 생성
+     */
+    private createWindTile;
+    /**
+     * 주어진 위치의 바람 벡터를 보간하여 반환
+     */
+    private interpolateWindVector;
+    /**
+     * 레이어 가시성 설정
+     */
+    setVisible(visible: boolean): void;
+    /**
+     * 레이어 제거
+     */
+    removeLayer(): void;
+    /**
+     * 레이어 업데이트
+     */
+    protected updateLayer(): void;
+}