@mint-ui/map 1.2.0-test.30 → 1.2.0-test.32

package/dist/components/mint-map/core/MintMapCore.js

@@ -8,10 +8,10 @@ var React = require('react');
 var MapTypes = require('../types/MapTypes.js');
 var MintMapProvider = require('./provider/MintMapProvider.js');
 var MintMapCore_module = require('./MintMapCore.module.scss.js');
-require('./advanced/woongCanvas/shared/types.js');
-require('./advanced/woongCanvas/shared/utils.js');
-var context = require('./advanced/woongCanvas/shared/context.js');
-require('./advanced/woongCanvas/shared/performance.js');
+require('./advanced/shared/types.js');
+require('./advanced/shared/utils.js');
+var context = require('./advanced/shared/context.js');
+require('./advanced/shared/performance.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -100,7 +100,7 @@ function MintMapCore(_a) {
   }, [center]);
   return React__default["default"].createElement("div", {
     className: cn('mint-map-root')
-  }, mapInitialized && React__default["default"].createElement(context.KonvaMarkerProvider, null, children), React__default["default"].createElement("div", {
+  }, mapInitialized && React__default["default"].createElement(context.WoongCanvasProvider, null, children), React__default["default"].createElement("div", {
     className: cn('mint-map-container'),
     style: {
       visibility: visible ? 'inherit' : 'hidden'

package/dist/components/mint-map/core/advanced/index.d.ts

@@ -2,4 +2,4 @@ export * from './shapes';
 export * from './canvas';
 export * from './MapBuildingProjection';
 export * from './MapLoadingComponents';
-export * from './woongCanvas';
+export * from './woongCanvasMarker';

package/dist/components/mint-map/core/advanced/{woongCanvas/shared → shared}/context.d.ts

@@ -1,8 +1,8 @@
 import React from "react";
-import { Offset } from "../../../../types";
+import { Offset } from "../../../types";
 import { KonvaCanvasData } from "./types";
 /**
- * 다중 WoongKonvaMarker 인스턴스를 관리하기 위한 Context
+ * 다중 WoongCanvasMarker/WoongCanvasPolygon 인스턴스를 관리하기 위한 Context
  *
  * 용도:
  * - zIndex 기반 이벤트 우선순위 처리
@@ -21,12 +21,12 @@ export interface ComponentInstance<T> {
     getSelectedIds: () => Set<string>;
     isInteractionDisabled: () => boolean;
 }
-interface KonvaMarkerContextValue {
+interface WoongCanvasContextValue {
     registerComponent: <T>(instance: ComponentInstance<T>) => void;
     unregisterComponent: <T>(instance: ComponentInstance<T>) => void;
 }
-export declare const KonvaMarkerProvider: React.FC<{
+export declare const WoongCanvasProvider: React.FC<{
     children: React.ReactNode;
 }>;
-export declare const useKonvaMarkerContext: () => KonvaMarkerContextValue | null;
+export declare const useWoongCanvasContext: () => WoongCanvasContextValue | null;
 export {};

package/dist/components/mint-map/core/advanced/{woongCanvas/shared → shared}/context.js

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var MintMapProvider = require('../../../provider/MintMapProvider.js');
+var MintMapProvider = require('../../provider/MintMapProvider.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var KonvaMarkerContext = React.createContext(null);
-var KonvaMarkerProvider = function (_a) {
+var WoongCanvasContext = React.createContext(null);
+var WoongCanvasProvider = function (_a) {
   var children = _a.children;
   var controller = MintMapProvider.useMintMapController(); // Refs
 
@@ -155,14 +155,14 @@ var KonvaMarkerProvider = function (_a) {
       unregisterComponent: unregisterComponent
     };
   }, [registerComponent, unregisterComponent]);
-  return React__default["default"].createElement(KonvaMarkerContext.Provider, {
+  return React__default["default"].createElement(WoongCanvasContext.Provider, {
     value: contextValue
   }, children);
 };
-var useKonvaMarkerContext = function () {
-  var context = React.useContext(KonvaMarkerContext);
+var useWoongCanvasContext = function () {
+  var context = React.useContext(WoongCanvasContext);
   return context;
 };
 
-exports.KonvaMarkerProvider = KonvaMarkerProvider;
-exports.useKonvaMarkerContext = useKonvaMarkerContext;
+exports.WoongCanvasProvider = WoongCanvasProvider;
+exports.useWoongCanvasContext = useWoongCanvasContext;

package/dist/components/mint-map/core/advanced/{woongCanvas/shared → shared}/performance.d.ts

@@ -62,7 +62,7 @@ export declare class LRUCache<K, V> {
      * - 장점: 읽기 성능 대폭 향상 (10,000번 get → 이전보다 2배 빠름)
      * - 단점: 접근 빈도가 아닌 삽입 순서 기반 eviction (FIFO)
      *
-     * WoongKonvaMarker 사용 사례에 최적:
+     * WoongCanvasMarker 사용 사례에 최적:
      * - 좌표 변환 결과는 zoom/pan 시 어차피 전체 초기화
      * - 접근 빈도 추적보다 빠른 조회가 더 중요
      */

package/dist/components/mint-map/core/advanced/{woongCanvas/shared → shared}/performance.js

@@ -80,7 +80,7 @@ function () {
    * - 장점: 읽기 성능 대폭 향상 (10,000번 get → 이전보다 2배 빠름)
    * - 단점: 접근 빈도가 아닌 삽입 순서 기반 eviction (FIFO)
    *
-   * WoongKonvaMarker 사용 사례에 최적:
+   * WoongCanvasMarker 사용 사례에 최적:
    * - 좌표 변환 결과는 zoom/pan 시 어차피 전체 초기화
    * - 접근 빈도 추적보다 빠른 조회가 더 중요
    */

package/dist/components/mint-map/core/advanced/{woongCanvas/shared → shared}/types.d.ts

@@ -1,5 +1,5 @@
 import Konva from "konva";
-import { Position, Offset } from "../../../../types";
+import { Position, Offset } from "../../../types";
 /**
  * 캔버스 데이터 타입 Enum
  * 마커인지 폴리곤인지 구분하는 상수
@@ -15,9 +15,6 @@ export interface Paths {
     type: string;
     coordinates: number[][][][];
 }
-/**
- * 캔버스 마커/폴리곤 기본 옵션
- */
 /**
  * Konva 캔버스 마커/폴리곤의 기본 필수 속성
  * (렌더링에 필요한 최소 정보)
@@ -147,10 +144,12 @@ export interface RenderUtils<T> {
 export interface RenderBaseParams<T> {
     /** Canvas 2D 렌더링 컨텍스트 (순수 Canvas API) */
     ctx: CanvasRenderingContext2D;
-    /** 렌더링할 마커 데이터 배열 */
+    /** 렌더링할 마커/폴리곤 데이터 배열 */
     items: KonvaCanvasData<T>[];
-    /** 현재 선택된 마커 ID Set */
+    /** 현재 선택된 마커/폴리곤 ID Set */
     selectedIds: Set<string>;
+    /** 현재 hover된 마커/폴리곤 데이터 (선택) */
+    hoveredItem?: KonvaCanvasData<T> | null;
     /** 렌더링 유틸리티 함수들 */
     utils: RenderUtils<T>;
 }
@@ -175,9 +174,9 @@ export declare type CustomRenderBase<T> = (params: RenderBaseParams<T>) => void;
 export interface RenderAnimationParams<T> {
     /** Konva Layer 인스턴스 */
     layer: Konva.Layer;
-    /** 현재 선택된 마커 ID Set */
+    /** 현재 선택된 마커/폴리곤 ID Set */
     selectedIds: Set<string>;
-    /** 전체 마커 데이터 배열 */
+    /** 전체 마커/폴리곤 데이터 배열 */
     items: KonvaCanvasData<T>[];
     /** 렌더링 유틸리티 함수들 */
     utils: RenderUtils<T>;
@@ -200,11 +199,11 @@ export declare type CustomRenderAnimation<T> = (params: RenderAnimationParams<T>
 export interface RenderEventParams<T> {
     /** Canvas 2D 렌더링 컨텍스트 (순수 Canvas API) */
     ctx: CanvasRenderingContext2D;
-    /** 현재 hover된 마커 데이터 */
+    /** 현재 hover된 마커/폴리곤 데이터 */
     hoveredItem: KonvaCanvasData<T> | null;
     /** 렌더링 유틸리티 함수들 */
     utils: RenderUtils<T>;
-    /** 현재 선택된 마커 데이터 배열 (선택 강조용) */
+    /** 현재 선택된 마커/폴리곤 데이터 배열 (선택 강조용) */
     selectedItems?: KonvaCanvasData<T>[];
     /** 외부에서 전달된 단일 선택 아이템 (특별한 효과용) */
     selectedItem?: KonvaCanvasData<T> | null;

package/dist/components/mint-map/core/advanced/{woongCanvas/shared → shared}/utils.d.ts

@@ -1,5 +1,5 @@
-import { Offset } from "../../../../types";
-import { MintMapController } from "../../../MintMapController";
+import { Offset } from "../../../types";
+import { MintMapController } from "../../MintMapController";
 import { KonvaCanvasData } from "./types";
 /**
  * 폴리곤 offset 계산

package/dist/components/mint-map/core/advanced/{woongCanvas/shared → shared}/utils.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../../../types/MapDrawables.js');
-var MapTypes = require('../../../../types/MapTypes.js');
-require('../../../../types/MapEventTypes.js');
+require('../../../types/MapDrawables.js');
+var MapTypes = require('../../../types/MapTypes.js');
+require('../../../types/MapEventTypes.js');
 
 /**
  * 폴리곤 offset 계산

package/dist/components/mint-map/core/advanced/woongCanvasMarker/WoongCanvasMarker.d.ts

@@ -0,0 +1,97 @@
+import React from "react";
+import { MarkerOptions } from "../../../types";
+import { KonvaCanvasData, CustomRenderBase, CustomRenderAnimation, CustomRenderEvent } from "../shared";
+export { WoongCanvasProvider, LRUCache, SpatialHashGrid, CanvasDataType } from "../shared";
+export type { KonvaCanvasOption, KonvaCanvasData, CustomRenderBase, CustomRenderAnimation, CustomRenderEvent, RenderUtils, RenderBaseParams, RenderAnimationParams, RenderEventParams } from "../shared";
+/**
+ * WoongCanvasMarker Props - 마커 전용
+ */
+export interface WoongCanvasMarkerProps<T> extends Pick<MarkerOptions, 'zIndex' | 'anchor' | 'visible'> {
+    /** 렌더링할 마커 데이터 배열 */
+    data: KonvaCanvasData<T>[];
+    /** 마커 클릭 시 호출되는 콜백 (선택) */
+    onClick?: (payload: KonvaCanvasData<T>, selectedIds: Set<string>) => void;
+    /** 마커에 마우스 오버 시 호출되는 콜백 (선택) */
+    onMouseOver?: (payload: KonvaCanvasData<T>) => void;
+    /** 마커에서 마우스 아웃 시 호출되는 콜백 (선택) */
+    onMouseOut?: (payload: KonvaCanvasData<T>) => void;
+    /** 다중 선택 활성화 여부 (기본: false) */
+    enableMultiSelect?: boolean;
+    /** hover 시 마커를 최상단으로 표시 (기본: false) */
+    topOnHover?: boolean;
+    /** 뷰포트 컬링 활성화 여부 (기본: true) */
+    enableViewportCulling?: boolean;
+    /** 뷰포트 컬링 여유 공간 (기본: 100px) */
+    cullingMargin?: number;
+    /** LRU 캐시 최대 크기 (기본: 10000) */
+    maxCacheSize?: number;
+    /** 외부에서 제어하는 선택된 항목 배열 (선택) */
+    selectedItems?: KonvaCanvasData<T>[];
+    /** 외부에서 전달된 단일 선택 아이템 (특별한 효과용) */
+    selectedItem?: KonvaCanvasData<T> | null;
+    /** 상호작용 비활성화 (hover, click 등 모든 이벤트 차단) */
+    disableInteraction?: boolean;
+    /** Base Layer 렌더링 함수 (필수) */
+    renderBase: CustomRenderBase<T>;
+    /** Animation Layer 렌더링 함수 (선택, 애니메이션용) */
+    renderAnimation?: CustomRenderAnimation<T>;
+    /** Event Layer 렌더링 함수 (선택) */
+    renderEvent?: CustomRenderEvent<T>;
+}
+declare const WoongCanvasMarker: <T>(props: WoongCanvasMarkerProps<T>) => React.ReactPortal;
+/**
+ * 🚀 WoongCanvasMarker - Konva 기반 초고성능 마커 렌더링 컴포넌트
+ *
+ * ## 📌 주요 특징
+ * - **30,000개 이상의 마커를 60fps로 렌더링**
+ * - **Multi-Layer 아키텍처**: Base/Animation/Event 레이어 분리
+ * - **Spatial Hash Grid**: O(1) 수준의 빠른 Hit Test
+ * - **LRU 캐시**: 좌표 변환 결과 캐싱으로 성능 최적화
+ * - **Viewport Culling**: 화면에 보이는 영역만 렌더링
+ * - **커스텀 렌더링**: renderBase, renderAnimation, renderEvent로 완전한 커스터마이징 가능
+ *
+ * ## 🎯 사용 방법
+ *
+ * ```tsx
+ * <WoongCanvasMarker
+ *   data={markers}
+ *   renderBase={renderMarkerBase}              // required
+ *   renderAnimation={renderMarkerAnimation}    // optional
+ *   renderEvent={renderMarkerEvent}            // optional
+ *   topOnHover={true}
+ *   onClick={handleClick}
+ * />
+ * ```
+ *
+ * ## 📊 데이터 형식
+ * ```typescript
+ * const data: KonvaCanvasData<T>[] = [
+ *   {
+ *     id: 'unique-id',
+ *     position: new Position(lat, lng),
+ *     // MARKER: boxWidth/boxHeight 권장 (Hit Test 정확도)
+ *     boxWidth: 60,
+ *     boxHeight: 75,
+ *     tailHeight: 9,  // optional (Viewport Culling용)
+ *     // 커스텀 데이터
+ *     ...customData
+ *   }
+ * ];
+ * ```
+ *
+ * ## ⚡ 성능 최적화 팁
+ * 1. **동적 boxWidth 계산**: `measureText()`로 실제 너비 계산 후 전달
+ * 2. **enableViewportCulling**: 대량 데이터 시 필수 (기본 true)
+ * 3. **selectedItems 외부 관리**: 상태를 외부에서 관리하여 리렌더링 최소화
+ *
+ * @template T 마커 데이터의 추가 속성 타입
+ *
+ * @example
+ * // 동적 boxWidth 계산 예시
+ * const tempCtx = document.createElement('canvas').getContext('2d');
+ * tempCtx.font = 'bold 15px Arial';
+ * const boxWidth = Math.max(60, tempCtx.measureText(text).width + 20);
+ *
+ * @see {@link https://github.com/your-repo/docs/WoongCanvasMarker.md} 전체 문서
+ */
+export default WoongCanvasMarker;

package/dist/components/mint-map/core/advanced/{woongCanvas/WoongCanvasLayer.js → woongCanvasMarker/WoongCanvasMarker.js}

@@ -10,11 +10,10 @@ var MapDrawables = require('../../../types/MapDrawables.js');
 require('../../../types/MapTypes.js');
 require('../../../types/MapEventTypes.js');
 var reactDom = require('react-dom');
-var types = require('./shared/types.js');
-var utils = require('./shared/utils.js');
-var context = require('./shared/context.js');
-var performance = require('./shared/performance.js');
-var renderer = require('./shared/renderer.js');
+var types = require('../shared/types.js');
+var utils = require('../shared/utils.js');
+var context = require('../shared/context.js');
+var performance = require('../shared/performance.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -24,9 +23,8 @@ var Konva__default = /*#__PURE__*/_interopDefaultLegacy(Konva);
 // 메인 컴포넌트
 // ============================================================================
 
-var WoongCanvasLayer = function (props) {
+var WoongCanvasMarker = function (props) {
   var data = props.data,
-      dataType = props.dataType,
       onClick = props.onClick,
       onMouseOver = props.onMouseOver,
       onMouseOut = props.onMouseOut,
@@ -44,13 +42,16 @@ var WoongCanvasLayer = function (props) {
       externalSelectedItem = props.selectedItem,
       _f = props.disableInteraction,
       disableInteraction = _f === void 0 ? false : _f,
-      options = tslib.__rest(props, ["data", "dataType", "onClick", "onMouseOver", "onMouseOut", "enableMultiSelect", "topOnHover", "enableViewportCulling", "cullingMargin", "maxCacheSize", "selectedItems", "selectedItem", "disableInteraction"]); // --------------------------------------------------------------------------
+      renderBase = props.renderBase,
+      renderAnimation = props.renderAnimation,
+      renderEvent = props.renderEvent,
+      options = tslib.__rest(props, ["data", "onClick", "onMouseOver", "onMouseOut", "enableMultiSelect", "topOnHover", "enableViewportCulling", "cullingMargin", "maxCacheSize", "selectedItems", "selectedItem", "disableInteraction", "renderBase", "renderAnimation", "renderEvent"]); // --------------------------------------------------------------------------
   // Hooks & Context
   // --------------------------------------------------------------------------
 
 
   var controller = MintMapProvider.useMintMapController();
-  var context$1 = context.useKonvaMarkerContext();
+  var context$1 = context.useWoongCanvasContext();
   var currentZIndex = options.zIndex !== undefined ? options.zIndex : 0; // --------------------------------------------------------------------------
   // DOM Refs
   // --------------------------------------------------------------------------
@@ -179,24 +180,6 @@ var WoongCanvasLayer = function (props) {
   // 유틸리티 함수: 좌표 변환 캐싱
   // --------------------------------------------------------------------------
 
-  /**
-   * 폴리곤 좌표 변환 결과를 캐시하고 반환
-   * @param polygonData 폴리곤 데이터
-   * @returns 변환된 좌표 배열 또는 null
-   */
-
-
-  var getOrComputePolygonOffsets = function (polygonData) {
-    var cached = offsetCacheRef.current.get(polygonData.id);
-    if (cached && Array.isArray(cached)) return cached;
-    var result = utils.computePolygonOffsets(polygonData, controller);
-
-    if (result) {
-      offsetCacheRef.current.set(polygonData.id, result);
-    }
-
-    return result;
-  };
   /**
    * 마커 좌표 변환 결과를 캐시하고 반환
    *
@@ -220,66 +203,31 @@ var WoongCanvasLayer = function (props) {
   // --------------------------------------------------------------------------
 
   /**
-   * 아이템의 바운딩 박스 계산 (폴리곤/마커 공통)
+   * 마커의 바운딩 박스 계산
    *
    * 🎯 마커의 경우:
    * - boxHeight: 본체만 (Hit Test 영역)
    * - tailHeight: 꼬리 높이 (Viewport Culling용, 화면에 보이는 전체 영역)
    *
-   * @param item 마커 또는 폴리곤 데이터
+   * @param item 마커 데이터
    * @returns 바운딩 박스 또는 null
    */
 
 
   var computeBoundingBox = function (item) {
-    if (dataType === types.CanvasDataType.POLYGON) {
-      // 폴리곤: 모든 좌표의 최소/최대값 계산
-      var offsets = getOrComputePolygonOffsets(item);
-      if (!offsets) return null;
-      var minX = Infinity,
-          minY = Infinity,
-          maxX = -Infinity,
-          maxY = -Infinity;
-
-      for (var _i = 0, offsets_1 = offsets; _i < offsets_1.length; _i++) {
-        var multiPolygon = offsets_1[_i];
-
-        for (var _a = 0, multiPolygon_1 = multiPolygon; _a < multiPolygon_1.length; _a++) {
-          var polygonGroup = multiPolygon_1[_a];
-
-          for (var _b = 0, polygonGroup_1 = polygonGroup; _b < polygonGroup_1.length; _b++) {
-            var _c = polygonGroup_1[_b],
-                x = _c[0],
-                y = _c[1];
-            if (x < minX) minX = x;
-            if (y < minY) minY = y;
-            if (x > maxX) maxX = x;
-            if (y > maxY) maxY = y;
-          }
-        }
-      }
-
-      return {
-        minX: minX,
-        minY: minY,
-        maxX: maxX,
-        maxY: maxY
-      };
-    } else {
-      // 마커: 중심점 기준 박스 크기 계산 (꼬리 포함)
-      var offset = getOrComputeMarkerOffset(item);
-      if (!offset) return null;
-      var boxWidth = item.boxWidth || 50;
-      var boxHeight = item.boxHeight || 28;
-      var tailHeight = item.tailHeight || 0; // 🎯 tailHeight 사용 (Viewport Culling용)
-
-      return {
-        minX: offset.x - boxWidth / 2,
-        minY: offset.y - boxHeight - tailHeight,
-        maxX: offset.x + boxWidth / 2,
-        maxY: offset.y
-      };
-    }
+    // 마커: 중심점 기준 박스 크기 계산 (꼬리 포함)
+    var offset = getOrComputeMarkerOffset(item);
+    if (!offset) return null;
+    var boxWidth = item.boxWidth || 50;
+    var boxHeight = item.boxHeight || 28;
+    var tailHeight = item.tailHeight || 0; // 🎯 tailHeight 사용 (Viewport Culling용)
+
+    return {
+      minX: offset.x - boxWidth / 2,
+      minY: offset.y - boxHeight - tailHeight,
+      maxX: offset.x + boxWidth / 2,
+      maxY: offset.y
+    };
   }; // --------------------------------------------------------------------------
   // 유틸리티 함수: 공간 인덱싱
   // --------------------------------------------------------------------------
@@ -313,24 +261,14 @@ var WoongCanvasLayer = function (props) {
 
 
   var renderUtils = {
-    getOrComputePolygonOffsets: getOrComputePolygonOffsets,
+    getOrComputePolygonOffsets: function () {
+      return null;
+    },
     getOrComputeMarkerOffset: getOrComputeMarkerOffset
   };
   /** Base Layer에서 사용할 빈 Set (재사용) */
 
   React.useRef(new Set());
-  /**
-   * 실제 사용할 렌더링 함수 결정
-   * - MARKER: 외부에서 전달받은 renderBase 사용 (필수)
-   * - POLYGON: renderer.ts의 팩토리 함수로 생성 (props 기반)
-   */
-
-  var renderBase = dataType === types.CanvasDataType.MARKER ? props.renderBase : renderer.renderPolygonBase(props.baseFillColor, props.baseStrokeColor, props.baseLineWidth);
-  var renderAnimation = dataType === types.CanvasDataType.MARKER ? props.renderAnimation : undefined;
-  var renderEvent = dataType === types.CanvasDataType.MARKER ? props.renderEvent : function () {
-    var polygonProps = props;
-    return renderer.renderPolygonEvent(polygonProps.baseFillColor, polygonProps.baseStrokeColor, polygonProps.baseLineWidth, polygonProps.selectedFillColor, polygonProps.selectedStrokeColor, polygonProps.selectedLineWidth, polygonProps.activeFillColor, polygonProps.activeStrokeColor, polygonProps.activeLineWidth, polygonProps.hoveredFillColor, polygonProps.hoveredStrokeColor, polygonProps.hoveredLineWidth);
-  }();
   /**
    * Base 레이어 렌더링 (뷰포트 컬링 적용, 선택된 마커 제외)
    *
@@ -375,6 +313,7 @@ var WoongCanvasLayer = function (props) {
             ctx: ctx,
             items: visibleItems,
             selectedIds: selectedIdsRef.current,
+            hoveredItem: hovered,
             utils: renderUtils
           }); // hover된 항목을 최상단에 렌더링 (renderEvent가 없을 때만)
 
@@ -386,6 +325,7 @@ var WoongCanvasLayer = function (props) {
                 ctx: ctx,
                 items: [hovered],
                 selectedIds: selectedIdsRef.current,
+                hoveredItem: hovered,
                 utils: renderUtils
               });
             }
@@ -602,54 +542,35 @@ var WoongCanvasLayer = function (props) {
   // --------------------------------------------------------------------------
 
   /**
-   * 특정 좌표의 마커/폴리곤 데이터 찾기 (Spatial Index 사용)
+   * 특정 좌표의 마커 데이터 찾기 (Spatial Index 사용)
    *
    * topOnHover가 true일 때:
    * - 현재 hover된 항목을 최우선으로 체크
    * - 시각적으로 최상단에 있는 항목이 hit test에서도 우선됨
    *
    * @param offset 검사할 좌표
-   * @returns 찾은 마커/폴리곤 데이터 또는 null
+   * @returns 찾은 마커 데이터 또는 null
    */
 
 
   var findData = function (offset) {
     // topOnHover가 true이고 현재 hover된 항목이 있으면, 그것을 먼저 체크
     if (topOnHover && hoveredItemRef.current) {
-      var hovered = hoveredItemRef.current; // 폴리곤인 경우
+      var hovered = hoveredItemRef.current;
 
-      if (dataType === types.CanvasDataType.POLYGON) {
-        if (utils.isPointInPolygonData(offset, hovered, getOrComputePolygonOffsets)) {
-          return hovered; // 여전히 hover된 항목 위에 있음
-        }
-      } // 마커인 경우
-      else {
-        if (utils.isPointInMarkerData(offset, hovered, getOrComputeMarkerOffset)) {
-          return hovered; // 여전히 hover된 항목 위에 있음
-        }
+      if (utils.isPointInMarkerData(offset, hovered, getOrComputeMarkerOffset)) {
+        return hovered; // 여전히 hover된 항목 위에 있음
       }
     } // Spatial Index로 후보 항목만 빠르게 추출 (30,000개 → ~10개)
 
 
-    var candidates = spatialIndexRef.current.queryPoint(offset.x, offset.y); // 데이터 타입에 따라 적절한 히트 테스트 수행
+    var candidates = spatialIndexRef.current.queryPoint(offset.x, offset.y); // 마커 체크
 
-    if (dataType === types.CanvasDataType.MARKER) {
-      // 마커 체크
-      for (var i = candidates.length - 1; i >= 0; i--) {
-        var item = candidates[i];
+    for (var i = candidates.length - 1; i >= 0; i--) {
+      var item = candidates[i];
 
-        if (utils.isPointInMarkerData(offset, item, getOrComputeMarkerOffset)) {
-          return item;
-        }
-      }
-    } else {
-      // 폴리곤 체크
-      for (var i = candidates.length - 1; i >= 0; i--) {
-        var item = candidates[i];
-
-        if (utils.isPointInPolygonData(offset, item, getOrComputePolygonOffsets)) {
-          return item;
-        }
+      if (utils.isPointInMarkerData(offset, item, getOrComputeMarkerOffset)) {
+        return item;
       }
     }
 
@@ -764,7 +685,7 @@ var WoongCanvasLayer = function (props) {
         }
       }
     } catch (error) {
-      console.error('[WoongKonvaMarker] handleClick error:', error);
+      console.error('[WoongCanvasMarker] handleClick error:', error);
     }
   };
   /**
@@ -790,7 +711,7 @@ var WoongCanvasLayer = function (props) {
         if (hoveredItem && onMouseOver) onMouseOver(hoveredItem);
       }
     } catch (error) {
-      console.error('[WoongKonvaMarker] handleMouseMove error:', error);
+      console.error('[WoongCanvasMarker] handleMouseMove error:', error);
     }
   };
   /**
@@ -1108,7 +1029,7 @@ Object.defineProperty(exports, 'CanvasDataType', {
     enumerable: true,
     get: function () { return types.CanvasDataType; }
 });
-exports.KonvaMarkerProvider = context.KonvaMarkerProvider;
+exports.WoongCanvasProvider = context.WoongCanvasProvider;
 exports.LRUCache = performance.LRUCache;
 exports.SpatialHashGrid = performance.SpatialHashGrid;
-exports["default"] = WoongCanvasLayer;
+exports["default"] = WoongCanvasMarker;

package/dist/components/mint-map/core/advanced/woongCanvasMarker/index.d.ts

@@ -0,0 +1,4 @@
+export { default as WoongCanvasMarker } from "./WoongCanvasMarker";
+export { default as WoongCanvasLayer } from "./WoongCanvasMarker";
+export * from "./WoongCanvasMarker";
+export * from "../shared";