@operato/weather 9.0.0 → 9.0.2

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