@operato/weather 9.0.0-beta.56

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;
+}

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

@@ -0,0 +1,311 @@
+import BaseLayer from 'ol/layer/Base';
+import { BaseWeatherLayer } from './base-weather-layer';
+import { transform } from 'ol/proj';
+import Flow from 'ol/layer/Flow';
+import DataTileSource from 'ol/source/DataTile';
+import { get as getProjection } from 'ol/proj';
+import { createXYZ, wrapX } from 'ol/tilegrid';
+/**
+ * 바람 레이어 클래스
+ * OpenLayers Flow 레이어를 사용하여 바람 흐름을 표현합니다.
+ * https://github.com/openlayers/openlayers/blob/v10.4.0/examples/wind.js 참고
+ */
+export class WindLayer extends BaseWeatherLayer {
+    /**
+     * 생성자
+     */
+    constructor(options = {}) {
+        super();
+        this.layerType = 'wind';
+        // 바람 속도 범위 설정
+        this.maxSpeed = 15; // 최대 바람 속도 (m/s)
+        this.minSpeed = 0; // 최소 바람 속도
+        // 타일 생성 관련 설정
+        this.tileGrid = createXYZ();
+        this.tileSize = 256;
+        this.weatherPoints = [];
+        // 옵션 설정
+        this.maxSpeed = options.maxSpeed || 15;
+    }
+    /**
+     * 레이어 타입 반환
+     */
+    getType() {
+        return 'wind';
+    }
+    /**
+     * 레이어 생성
+     * OpenLayers Flow 레이어를 사용하여 바람 흐름을 표현합니다.
+     * OpenLayers 공식 예제 참고: https://github.com/openlayers/openlayers/blob/v10.4.0/examples/wind.js
+     */
+    createLayer() {
+        console.log('바람 레이어 생성 중...');
+        // 이미 생성된 레이어가 있다면 반환
+        if (this.windLayer) {
+            return this.windLayer;
+        }
+        // 날씨 데이터를 풍속 벡터로 변환 (바람 데이터 준비)
+        this.prepareWindData();
+        try {
+            // 바람 데이터 소스 생성
+            this.windSource = new DataTileSource({
+                tileGrid: this.tileGrid,
+                // transition must be 0, see https://github.com/openlayers/openlayers/issues/16119
+                transition: 0,
+                wrapX: true,
+                loader: (z, x, y) => {
+                    return this.createWindTile(z, x, y);
+                }
+            });
+            // 실제 바람 데이터의 속도 범위 확인
+            let minSpeed = Infinity;
+            let maxSpeed = 0;
+            let totalSpeed = 0;
+            this.weatherPoints.forEach(point => {
+                minSpeed = Math.min(minSpeed, point.speed);
+                maxSpeed = Math.max(maxSpeed, point.speed);
+                totalSpeed += point.speed;
+            });
+            const avgSpeed = totalSpeed / this.weatherPoints.length;
+            console.log(`바람 속도 범위: ${minSpeed.toFixed(2)}~${maxSpeed.toFixed(2)} m/s, 평균: ${avgSpeed.toFixed(2)} m/s`);
+            // 효과적인 최대 속도 설정 (데이터 기반)
+            const effectiveMaxSpeed = maxSpeed > 0 ? Math.max(10, maxSpeed) : 10;
+            this.maxSpeed = effectiveMaxSpeed;
+            console.log(`Flow 레이어 최대 속도: ${effectiveMaxSpeed.toFixed(2)} m/s`);
+            // Flow 레이어 옵션 설정 - 단일 스타일 사용
+            const flowOptions = {
+                source: this.windSource,
+                zIndex: 10,
+                className: 'wind-layer',
+                maxSpeed: this.maxSpeed,
+                // 파티클 세부 설정 최적화
+                tracksPerPixel: 0.5, // 트랙 밀도 증가 (더 많은 입자)
+                fadeTrails: true, // 트레일 페이드 효과
+                trailLength: 0.45, // 중간 길이 트레일
+                // 단일 색상 스타일 - 주의: 복잡한 표현식 사용하지 않음
+                style: {
+                    color: 'rgba(0, 191, 255, 0.8)', // 하늘색 (DeepSkyBlue)
+                    width: 1.5
+                }
+            };
+            // @ts-ignore - Flow 레이어는 TypeScript 정의가 불완전할 수 있음
+            this.windLayer = new Flow(flowOptions);
+            console.log('Flow 레이어 생성 완료');
+            return this.windLayer;
+        }
+        catch (error) {
+            console.error('Flow 레이어 생성 중 오류:', error);
+            // 오류 발생 시 완전히 단순화된 옵션으로 다시 시도
+            try {
+                console.log('완전히 단순화된 옵션으로 다시 시도합니다...');
+                const verySimpleOptions = {
+                    source: this.windSource,
+                    zIndex: 10,
+                    className: 'wind-layer',
+                    maxSpeed: this.maxSpeed
+                };
+                // @ts-ignore
+                this.windLayer = new Flow(verySimpleOptions);
+                console.log('단순 Flow 레이어 생성 완료');
+                return this.windLayer;
+            }
+            catch (fallbackError) {
+                console.error('단순 Flow 레이어 생성도 실패:', fallbackError);
+                return new BaseLayer({});
+            }
+        }
+    }
+    /**
+     * 날씨 데이터에서 바람 정보 추출
+     */
+    prepareWindData() {
+        this.weatherPoints = [];
+        if (!this.weatherData || this.weatherData.length === 0) {
+            console.warn('날씨 데이터가 없어 목업 데이터를 생성합니다.');
+            this.createMockWindData();
+            return;
+        }
+        console.log(`${this.weatherData.length}개의 날씨 데이터에서 바람 정보 추출 중...`);
+        // 유효한 바람 데이터만 추출
+        this.weatherData.forEach(data => {
+            if (data.wind &&
+                data.location &&
+                typeof data.wind.speed === 'number' &&
+                typeof data.wind.direction === 'number' &&
+                !isNaN(data.wind.speed) &&
+                !isNaN(data.wind.direction) &&
+                typeof data.location.longitude === 'number' &&
+                typeof data.location.latitude === 'number') {
+                // 각도를 라디안으로 변환 (바람 방향은 북쪽이 0도, 시계방향으로 증가)
+                const dirRad = (data.wind.direction * Math.PI) / 180;
+                // u, v 성분 계산 (동서/남북 벡터)
+                // 참고: 바람 벡터는 바람이 불어오는 방향이므로 변환 필요
+                const u = -Math.sin(dirRad) * data.wind.speed;
+                const v = -Math.cos(dirRad) * data.wind.speed;
+                this.weatherPoints.push({
+                    lon: data.location.longitude,
+                    lat: data.location.latitude,
+                    u: u,
+                    v: v,
+                    speed: data.wind.speed
+                });
+            }
+        });
+        console.log(`바람 데이터 추출 완료: ${this.weatherPoints.length}개 포인트`);
+        // 데이터가 없으면 목업 데이터 생성
+        if (this.weatherPoints.length === 0) {
+            console.warn('유효한 바람 데이터가 없어 목업 데이터를 생성합니다.');
+            this.createMockWindData();
+        }
+    }
+    /**
+     * 목업 바람 데이터 생성
+     */
+    createMockWindData() {
+        console.log('목업 바람 데이터 생성 중...');
+        this.weatherPoints = [];
+        // 한국 영역에 그리드 형태로 바람 데이터 생성
+        const lonMin = 124.0;
+        const lonMax = 132.0;
+        const latMin = 33.0;
+        const latMax = 38.0;
+        const cols = 15;
+        const rows = 15;
+        for (let i = 0; i <= cols; i++) {
+            for (let j = 0; j <= rows; j++) {
+                const lon = lonMin + (i / cols) * (lonMax - lonMin);
+                const lat = latMin + (j / rows) * (latMax - latMin);
+                // 위치에 따라 달라지는 패턴 생성
+                const patternX = Math.sin(lon * 0.5) * 2;
+                const patternY = Math.cos(lat * 0.5) * 2;
+                // 바람 속도와 방향 계산 (목업 데이터)
+                const speed = 5 + 5 * Math.sin((lon + lat) * 0.2);
+                // u, v 벡터 성분 (동서/남북)
+                const u = (patternX * speed) / 5;
+                const v = (patternY * speed) / 5;
+                this.weatherPoints.push({
+                    lon,
+                    lat,
+                    u,
+                    v,
+                    speed
+                });
+            }
+        }
+        console.log(`목업 바람 데이터 생성 완료: ${this.weatherPoints.length}개 포인트`);
+    }
+    /**
+     * 타일에 바람 데이터 생성
+     */
+    createWindTile(z, x, y) {
+        // 타일 범위 계산
+        const projection = getProjection('EPSG:3857');
+        if (!projection) {
+            console.error('EPSG:3857 투영 생성 실패');
+            return new Float32Array(this.tileSize * this.tileSize * 4);
+        }
+        const tileCoord = wrapX(this.tileGrid, [z, x, y], projection);
+        const extent = this.tileGrid.getTileCoordExtent(tileCoord);
+        const resolution = this.tileGrid.getResolution(z);
+        // 타일 데이터 생성 (RGBA 형식: u, v, speed, 0)
+        const data = new Float32Array(this.tileSize * this.tileSize * 4);
+        // 데이터가 없을 경우
+        if (this.weatherPoints.length === 0) {
+            // 빈 데이터 반환 (모든 값 0)
+            return data;
+        }
+        // 타일의 각 픽셀에 대해 바람 벡터 계산
+        for (let row = 0; row < this.tileSize; ++row) {
+            for (let col = 0; col < this.tileSize; ++col) {
+                // 픽셀 위치를 지리 좌표로 변환
+                const mapX = extent[0] + col * resolution;
+                const mapY = extent[3] - row * resolution;
+                // 메르카토르 좌표를 경위도로 변환
+                const lonlat = transform([mapX, mapY], 'EPSG:3857', 'EPSG:4326');
+                const lon = lonlat[0];
+                const lat = lonlat[1];
+                // 주변 바람 데이터를 기반으로 보간
+                const vector = this.interpolateWindVector(lon, lat);
+                // 벡터 크기 조정 (너무 작은 값은 시각적으로 보이지 않음)
+                const normalizedSpeed = vector.speed / this.maxSpeed;
+                let adjustedU = vector.u;
+                let adjustedV = vector.v;
+                // 너무 작은 벡터는 약간 증폭
+                if (normalizedSpeed > 0 && normalizedSpeed < 0.1) {
+                    const amplification = 0.1 / normalizedSpeed;
+                    adjustedU *= Math.min(amplification, 2);
+                    adjustedV *= Math.min(amplification, 2);
+                }
+                // 데이터 저장 (RGBA 형식)
+                const offset = (row * this.tileSize + col) * 4;
+                data[offset] = adjustedU; // R = u (동서 방향)
+                data[offset + 1] = adjustedV; // G = v (남북 방향)
+                data[offset + 2] = vector.speed; // B = 풍속
+                data[offset + 3] = 1; // A = 사용 (중요: 값을 1로 설정)
+            }
+        }
+        return data;
+    }
+    /**
+     * 주어진 위치의 바람 벡터를 보간하여 반환
+     */
+    interpolateWindVector(lon, lat) {
+        if (this.weatherPoints.length === 0) {
+            return { u: 0, v: 0, speed: 0 };
+        }
+        // 역거리 가중치 방식(IDW) 보간 사용
+        let totalWeight = 0;
+        let weightedU = 0;
+        let weightedV = 0;
+        // 주변 포인트를 찾아 가중 평균 계산
+        this.weatherPoints.forEach(point => {
+            // 거리 계산 (단순화된 버전)
+            const dx = lon - point.lon;
+            const dy = lat - point.lat;
+            const dist = Math.sqrt(dx * dx + dy * dy);
+            // 가중치 계산 (거리 제곱의 역수)
+            const weight = 1 / Math.max(0.0001, dist * dist);
+            totalWeight += weight;
+            weightedU += point.u * weight;
+            weightedV += point.v * weight;
+        });
+        if (totalWeight === 0) {
+            return { u: 0, v: 0, speed: 0 };
+        }
+        // 가중 평균
+        const u = weightedU / totalWeight;
+        const v = weightedV / totalWeight;
+        const speed = Math.sqrt(u * u + v * v);
+        return { u, v, speed };
+    }
+    /**
+     * 레이어 가시성 설정
+     */
+    setVisible(visible) {
+        if (this.windLayer) {
+            this.windLayer.setVisible(visible);
+        }
+    }
+    /**
+     * 레이어 제거
+     */
+    removeLayer() {
+        if (this.map && this.windLayer) {
+            this.map.removeLayer(this.windLayer);
+            this.windLayer = undefined;
+        }
+    }
+    /**
+     * 레이어 업데이트
+     */
+    updateLayer() {
+        if (!this.map || !this.windLayer) {
+            return;
+        }
+        this.prepareWindData();
+        if (this.windSource) {
+            this.windSource.refresh();
+        }
+    }
+}
+//# sourceMappingURL=wind-layer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"wind-layer.js","sourceRoot":"","sources":["../../../src/layers/wind-layer.ts"],"names":[],"mappings":"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","sourcesContent":["import { Map } from 'ol'\nimport BaseLayer from 'ol/layer/Base'\nimport { WeatherData, WeatherLayerType } from '../types'\nimport { BaseWeatherLayer } from './base-weather-layer'\nimport { fromLonLat, transform, transformExtent } from 'ol/proj'\nimport Flow from 'ol/layer/Flow'\nimport DataTileSource from 'ol/source/DataTile'\nimport { createEmpty, extend, getWidth, getHeight } from 'ol/extent'\nimport { getVectorContext } from 'ol/render'\nimport { Options as FlowOptions } from 'ol/layer/Flow'\nimport VectorSource from 'ol/source/Vector'\nimport WebGLVectorLayer from 'ol/layer/WebGLVector'\nimport GeoJSON from 'ol/format/GeoJSON'\nimport { get as getProjection } from 'ol/proj'\nimport { createXYZ, wrapX } from 'ol/tilegrid'\n\n/**\n * 바람 벡터 데이터 포인트 인터페이스\n */\ninterface WindPoint {\n  x: number\n  y: number\n  u: number\n  v: number\n  speed: number\n  direction?: number\n}\n\n/**\n * 바람 레이어 클래스\n * OpenLayers Flow 레이어를 사용하여 바람 흐름을 표현합니다.\n * https://github.com/openlayers/openlayers/blob/v10.4.0/examples/wind.js 참고\n */\nexport class WindLayer extends BaseWeatherLayer {\n  private windLayer?: BaseLayer\n  private windSource?: DataTileSource\n  protected layerType = 'wind'\n\n  // 바람 속도 범위 설정\n  private maxSpeed = 15 // 최대 바람 속도 (m/s)\n  private minSpeed = 0 // 최소 바람 속도\n\n  // 타일 생성 관련 설정\n  private tileGrid = createXYZ()\n  private tileSize = 256\n  private weatherPoints: Array<{\n    lon: number\n    lat: number\n    u: number\n    v: number\n    speed: number\n  }> = []\n\n  /**\n   * 생성자\n   */\n  constructor(options: any = {}) {\n    super()\n\n    // 옵션 설정\n    this.maxSpeed = options.maxSpeed || 15\n  }\n\n  /**\n   * 레이어 타입 반환\n   */\n  getType(): WeatherLayerType {\n    return 'wind' as WeatherLayerType\n  }\n\n  /**\n   * 레이어 생성\n   * OpenLayers Flow 레이어를 사용하여 바람 흐름을 표현합니다.\n   * OpenLayers 공식 예제 참고: https://github.com/openlayers/openlayers/blob/v10.4.0/examples/wind.js\n   */\n  createLayer(): BaseLayer {\n    console.log('바람 레이어 생성 중...')\n\n    // 이미 생성된 레이어가 있다면 반환\n    if (this.windLayer) {\n      return this.windLayer\n    }\n\n    // 날씨 데이터를 풍속 벡터로 변환 (바람 데이터 준비)\n    this.prepareWindData()\n\n    try {\n      // 바람 데이터 소스 생성\n      this.windSource = new DataTileSource({\n        tileGrid: this.tileGrid,\n        // transition must be 0, see https://github.com/openlayers/openlayers/issues/16119\n        transition: 0,\n        wrapX: true,\n        loader: (z, x, y) => {\n          return this.createWindTile(z, x, y)\n        }\n      })\n\n      // 실제 바람 데이터의 속도 범위 확인\n      let minSpeed = Infinity\n      let maxSpeed = 0\n      let totalSpeed = 0\n\n      this.weatherPoints.forEach(point => {\n        minSpeed = Math.min(minSpeed, point.speed)\n        maxSpeed = Math.max(maxSpeed, point.speed)\n        totalSpeed += point.speed\n      })\n\n      const avgSpeed = totalSpeed / this.weatherPoints.length\n      console.log(`바람 속도 범위: ${minSpeed.toFixed(2)}~${maxSpeed.toFixed(2)} m/s, 평균: ${avgSpeed.toFixed(2)} m/s`)\n\n      // 효과적인 최대 속도 설정 (데이터 기반)\n      const effectiveMaxSpeed = maxSpeed > 0 ? Math.max(10, maxSpeed) : 10\n      this.maxSpeed = effectiveMaxSpeed\n\n      console.log(`Flow 레이어 최대 속도: ${effectiveMaxSpeed.toFixed(2)} m/s`)\n\n      // Flow 레이어 옵션 설정 - 단일 스타일 사용\n      const flowOptions: any = {\n        source: this.windSource,\n        zIndex: 10,\n        className: 'wind-layer',\n        maxSpeed: this.maxSpeed,\n        // 파티클 세부 설정 최적화\n        tracksPerPixel: 0.5, // 트랙 밀도 증가 (더 많은 입자)\n        fadeTrails: true, // 트레일 페이드 효과\n        trailLength: 0.45, // 중간 길이 트레일\n        // 단일 색상 스타일 - 주의: 복잡한 표현식 사용하지 않음\n        style: {\n          color: 'rgba(0, 191, 255, 0.8)', // 하늘색 (DeepSkyBlue)\n          width: 1.5\n        }\n      }\n\n      // @ts-ignore - Flow 레이어는 TypeScript 정의가 불완전할 수 있음\n      this.windLayer = new Flow(flowOptions)\n      console.log('Flow 레이어 생성 완료')\n      return this.windLayer\n    } catch (error) {\n      console.error('Flow 레이어 생성 중 오류:', error)\n\n      // 오류 발생 시 완전히 단순화된 옵션으로 다시 시도\n      try {\n        console.log('완전히 단순화된 옵션으로 다시 시도합니다...')\n        const verySimpleOptions: any = {\n          source: this.windSource,\n          zIndex: 10,\n          className: 'wind-layer',\n          maxSpeed: this.maxSpeed\n        }\n\n        // @ts-ignore\n        this.windLayer = new Flow(verySimpleOptions)\n        console.log('단순 Flow 레이어 생성 완료')\n        return this.windLayer\n      } catch (fallbackError) {\n        console.error('단순 Flow 레이어 생성도 실패:', fallbackError)\n        return new BaseLayer({})\n      }\n    }\n  }\n\n  /**\n   * 날씨 데이터에서 바람 정보 추출\n   */\n  private prepareWindData(): void {\n    this.weatherPoints = []\n\n    if (!this.weatherData || this.weatherData.length === 0) {\n      console.warn('날씨 데이터가 없어 목업 데이터를 생성합니다.')\n      this.createMockWindData()\n      return\n    }\n\n    console.log(`${this.weatherData.length}개의 날씨 데이터에서 바람 정보 추출 중...`)\n\n    // 유효한 바람 데이터만 추출\n    this.weatherData.forEach(data => {\n      if (\n        data.wind &&\n        data.location &&\n        typeof data.wind.speed === 'number' &&\n        typeof data.wind.direction === 'number' &&\n        !isNaN(data.wind.speed) &&\n        !isNaN(data.wind.direction) &&\n        typeof data.location.longitude === 'number' &&\n        typeof data.location.latitude === 'number'\n      ) {\n        // 각도를 라디안으로 변환 (바람 방향은 북쪽이 0도, 시계방향으로 증가)\n        const dirRad = (data.wind.direction * Math.PI) / 180\n\n        // u, v 성분 계산 (동서/남북 벡터)\n        // 참고: 바람 벡터는 바람이 불어오는 방향이므로 변환 필요\n        const u = -Math.sin(dirRad) * data.wind.speed\n        const v = -Math.cos(dirRad) * data.wind.speed\n\n        this.weatherPoints.push({\n          lon: data.location.longitude,\n          lat: data.location.latitude,\n          u: u,\n          v: v,\n          speed: data.wind.speed\n        })\n      }\n    })\n\n    console.log(`바람 데이터 추출 완료: ${this.weatherPoints.length}개 포인트`)\n\n    // 데이터가 없으면 목업 데이터 생성\n    if (this.weatherPoints.length === 0) {\n      console.warn('유효한 바람 데이터가 없어 목업 데이터를 생성합니다.')\n      this.createMockWindData()\n    }\n  }\n\n  /**\n   * 목업 바람 데이터 생성\n   */\n  private createMockWindData(): void {\n    console.log('목업 바람 데이터 생성 중...')\n    this.weatherPoints = []\n\n    // 한국 영역에 그리드 형태로 바람 데이터 생성\n    const lonMin = 124.0\n    const lonMax = 132.0\n    const latMin = 33.0\n    const latMax = 38.0\n\n    const cols = 15\n    const rows = 15\n\n    for (let i = 0; i <= cols; i++) {\n      for (let j = 0; j <= rows; j++) {\n        const lon = lonMin + (i / cols) * (lonMax - lonMin)\n        const lat = latMin + (j / rows) * (latMax - latMin)\n\n        // 위치에 따라 달라지는 패턴 생성\n        const patternX = Math.sin(lon * 0.5) * 2\n        const patternY = Math.cos(lat * 0.5) * 2\n\n        // 바람 속도와 방향 계산 (목업 데이터)\n        const speed = 5 + 5 * Math.sin((lon + lat) * 0.2)\n\n        // u, v 벡터 성분 (동서/남북)\n        const u = (patternX * speed) / 5\n        const v = (patternY * speed) / 5\n\n        this.weatherPoints.push({\n          lon,\n          lat,\n          u,\n          v,\n          speed\n        })\n      }\n    }\n\n    console.log(`목업 바람 데이터 생성 완료: ${this.weatherPoints.length}개 포인트`)\n  }\n\n  /**\n   * 타일에 바람 데이터 생성\n   */\n  private createWindTile(z: number, x: number, y: number): Float32Array {\n    // 타일 범위 계산\n    const projection = getProjection('EPSG:3857')\n    if (!projection) {\n      console.error('EPSG:3857 투영 생성 실패')\n      return new Float32Array(this.tileSize * this.tileSize * 4)\n    }\n\n    const tileCoord = wrapX(this.tileGrid, [z, x, y], projection)\n    const extent = this.tileGrid.getTileCoordExtent(tileCoord)\n    const resolution = this.tileGrid.getResolution(z as number)\n\n    // 타일 데이터 생성 (RGBA 형식: u, v, speed, 0)\n    const data = new Float32Array(this.tileSize * this.tileSize * 4)\n\n    // 데이터가 없을 경우\n    if (this.weatherPoints.length === 0) {\n      // 빈 데이터 반환 (모든 값 0)\n      return data\n    }\n\n    // 타일의 각 픽셀에 대해 바람 벡터 계산\n    for (let row = 0; row < this.tileSize; ++row) {\n      for (let col = 0; col < this.tileSize; ++col) {\n        // 픽셀 위치를 지리 좌표로 변환\n        const mapX = extent[0] + col * resolution\n        const mapY = extent[3] - row * resolution\n\n        // 메르카토르 좌표를 경위도로 변환\n        const lonlat = transform([mapX, mapY], 'EPSG:3857', 'EPSG:4326')\n        const lon = lonlat[0]\n        const lat = lonlat[1]\n\n        // 주변 바람 데이터를 기반으로 보간\n        const vector = this.interpolateWindVector(lon, lat)\n\n        // 벡터 크기 조정 (너무 작은 값은 시각적으로 보이지 않음)\n        const normalizedSpeed = vector.speed / this.maxSpeed\n        let adjustedU = vector.u\n        let adjustedV = vector.v\n\n        // 너무 작은 벡터는 약간 증폭\n        if (normalizedSpeed > 0 && normalizedSpeed < 0.1) {\n          const amplification = 0.1 / normalizedSpeed\n          adjustedU *= Math.min(amplification, 2)\n          adjustedV *= Math.min(amplification, 2)\n        }\n\n        // 데이터 저장 (RGBA 형식)\n        const offset = (row * this.tileSize + col) * 4\n        data[offset] = adjustedU // R = u (동서 방향)\n        data[offset + 1] = adjustedV // G = v (남북 방향)\n        data[offset + 2] = vector.speed // B = 풍속\n        data[offset + 3] = 1 // A = 사용 (중요: 값을 1로 설정)\n      }\n    }\n\n    return data\n  }\n\n  /**\n   * 주어진 위치의 바람 벡터를 보간하여 반환\n   */\n  private interpolateWindVector(lon: number, lat: number): { u: number; v: number; speed: number } {\n    if (this.weatherPoints.length === 0) {\n      return { u: 0, v: 0, speed: 0 }\n    }\n\n    // 역거리 가중치 방식(IDW) 보간 사용\n    let totalWeight = 0\n    let weightedU = 0\n    let weightedV = 0\n\n    // 주변 포인트를 찾아 가중 평균 계산\n    this.weatherPoints.forEach(point => {\n      // 거리 계산 (단순화된 버전)\n      const dx = lon - point.lon\n      const dy = lat - point.lat\n      const dist = Math.sqrt(dx * dx + dy * dy)\n\n      // 가중치 계산 (거리 제곱의 역수)\n      const weight = 1 / Math.max(0.0001, dist * dist)\n\n      totalWeight += weight\n      weightedU += point.u * weight\n      weightedV += point.v * weight\n    })\n\n    if (totalWeight === 0) {\n      return { u: 0, v: 0, speed: 0 }\n    }\n\n    // 가중 평균\n    const u = weightedU / totalWeight\n    const v = weightedV / totalWeight\n    const speed = Math.sqrt(u * u + v * v)\n\n    return { u, v, speed }\n  }\n\n  /**\n   * 레이어 가시성 설정\n   */\n  setVisible(visible: boolean): void {\n    if (this.windLayer) {\n      this.windLayer.setVisible(visible)\n    }\n  }\n\n  /**\n   * 레이어 제거\n   */\n  public removeLayer(): void {\n    if (this.map && this.windLayer) {\n      this.map.removeLayer(this.windLayer)\n      this.windLayer = undefined\n    }\n  }\n\n  /**\n   * 레이어 업데이트\n   */\n  protected updateLayer() {\n    if (!this.map || !this.windLayer) {\n      return\n    }\n\n    this.prepareWindData()\n\n    if (this.windSource) {\n      this.windSource.refresh()\n    }\n  }\n}\n"]}

package/dist/src/ox-weather.d.ts

@@ -0,0 +1,112 @@
+import { LitElement } from 'lit';
+import { WeatherLayerType } from './types.js';
+/**
+ * 날씨 시각화 웹 컴포넌트
+ */
+export declare class OxWeather extends LitElement {
+    /**
+     * 지도 객체
+     */
+    private map?;
+    /**
+     * 지도가 초기화되었는지 여부
+     */
+    private mapInitialized;
+    /**
+     * 날씨 데이터 서비스
+     */
+    private weatherService;
+    /**
+     * 날씨 데이터
+     */
+    private weatherData;
+    /**
+     * 날씨 레이어 목록
+     */
+    private weatherLayers;
+    /**
+     * 위도 (지도 중심점)
+     */
+    latitude: number;
+    /**
+     * 경도 (지도 중심점)
+     */
+    longitude: number;
+    /**
+     * 줌 레벨
+     */
+    zoom: number;
+    /**
+     * 활성 레이어 목록
+     * - 'wind': 바람 레이어
+     * - 'precipitation': 강수량 레이어
+     * - 'temperature': 온도 레이어
+     * - 'solar': 일사량 레이어
+     */
+    activeLayers: WeatherLayerType[];
+    /**
+     * 날씨 데이터 업데이트 쓰로틀링 관련 변수
+     */
+    private lastUpdateTime;
+    private updateThrottleDelay;
+    private updatePending;
+    isLoading: boolean;
+    /**
+     * 컴포넌트 스타일
+     */
+    static styles: import("lit").CSSResult;
+    /**
+     * 컴포넌트 초기화
+     */
+    connectedCallback(): void;
+    /**
+     * 첫 번째 업데이트 후 호출 (DOM 접근 가능)
+     */
+    firstUpdated(): void;
+    /**
+     * 지도를 초기화합니다.
+     */
+    private initMap;
+    /**
+     * 초기 날씨 데이터를 가져옵니다.
+     */
+    private initWeatherData;
+    /**
+     * 날씨 데이터를 가져옵니다.
+     */
+    private fetchWeatherData;
+    /**
+     * 날씨 데이터를 업데이트합니다
+     */
+    private updateWeatherData;
+    /**
+     * 날씨 데이터와 활성 레이어가 변경될 때 레이어 업데이트
+     */
+    updated(changedProperties: any): void;
+    /**
+     * 날씨 레이어를 비동기적으로 업데이트합니다.
+     */
+    private updateLayersAsync;
+    /**
+     * 날씨 레이어를 업데이트합니다.
+     */
+    private updateLayers;
+    /**
+     * 레이어가 이미 맵에 있는지 확인합니다.
+     * 심층 비교를 통해 정확하게 체크합니다.
+     */
+    private isLayerInMap;
+    /**
+     * 바람 레이어 토글 처리 (특별 관리)
+     */
+    private handleWindLayerToggle;
+    /**
+     * 바람 레이어 업데이트 (최적화)
+     */
+    private updateWindLayer;
+    /**
+     * 레이어 토글 처리
+     */
+    private handleLayerToggle;
+    render(): import("lit-html").TemplateResult<1>;
+}