@mint-ui/map 1.2.0-test.36 → 1.2.0-test.38

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

@@ -25,6 +25,10 @@ export interface CanvasOption {
     tailHeight?: number;
     paths?: Paths;
     isDonutPolygon?: boolean;
+    /** 렌더링 오프셋 X (픽셀 단위, 기본값: 0) */
+    offsetX?: number;
+    /** 렌더링 오프셋 Y (픽셀 단위, 기본값: 0) */
+    offsetY?: number;
 }
 /**
  * 서버 데이터와 캔버스 옵션을 결합한 타입

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

@@ -35,7 +35,7 @@ export declare const isPointInPolygon: (point: Offset, polygon: number[][]) => b
  */
 export declare const isPointInPolygonData: (clickedOffset: Offset, polygonData: CanvasData<any>, getPolygonOffsets: (data: CanvasData<any>) => number[][][][] | null) => boolean;
 /**
- * 마커 히트 테스트 (꼬리 제외)
+ * 마커 히트 테스트 (꼬리 제외, 오프셋 지원)
  *
  * @param clickedOffset 클릭/마우스 위치 좌표
  * @param markerData 마커 데이터

package/dist/components/mint-map/core/advanced/shared/utils.js

@@ -149,7 +149,7 @@ var isPointInPolygonData = function (clickedOffset, polygonData, getPolygonOffse
   return false;
 };
 /**
- * 마커 히트 테스트 (꼬리 제외)
+ * 마커 히트 테스트 (꼬리 제외, 오프셋 지원)
  *
  * @param clickedOffset 클릭/마우스 위치 좌표
  * @param markerData 마커 데이터
@@ -162,10 +162,12 @@ var isPointInMarkerData = function (clickedOffset, markerData, getMarkerOffset)
   if (!markerOffset) return false;
   var boxWidth = markerData.boxWidth || 50;
   var boxHeight = markerData.boxHeight || 28;
-  var tailHeight = markerData.tailHeight || 0; // 마커 중심점 기준으로 박스 영역 계산 (꼬리는 제외)
+  var tailHeight = markerData.tailHeight || 0;
+  var offsetX = markerData.offsetX || 0;
+  var offsetY = markerData.offsetY || 0; // 오프셋을 적용한 마커 중심점 기준으로 박스 영역 계산 (꼬리는 제외)
 
-  var x = markerOffset.x - boxWidth / 2;
-  var y = markerOffset.y - boxHeight - tailHeight; // 클릭 위치가 박스 영역 내부에 있는지 확인
+  var x = markerOffset.x + offsetX - boxWidth / 2;
+  var y = markerOffset.y + offsetY - boxHeight - tailHeight; // 클릭 위치가 박스 영역 내부에 있는지 확인
 
   return clickedOffset.x >= x && clickedOffset.x <= x + boxWidth && clickedOffset.y >= y && clickedOffset.y <= y + boxHeight;
 }; // Hex 색상을 RGBA로 변환

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

@@ -93,7 +93,7 @@ var WoongCanvasMarker = function (props) {
     if (!result) return null;
     offsetCacheRef.current.set(markerData.id, result);
     return result;
-  }; // 마커 바운딩 박스 계산 (Viewport Culling 및 Hit Test용)
+  }; // 마커 바운딩 박스 계산 (Viewport Culling 및 Hit Test용, 오프셋 지원)
 
 
   var computeBoundingBox = function (item) {
@@ -102,11 +102,14 @@ var WoongCanvasMarker = function (props) {
     var boxWidth = item.boxWidth || 50;
     var boxHeight = item.boxHeight || 28;
     var tailHeight = item.tailHeight || 0;
+    var offsetX = item.offsetX || 0;
+    var offsetY = item.offsetY || 0; // 오프셋을 적용한 마커 중심점 기준으로 바운딩 박스 계산
+
     return {
-      minX: offset.x - boxWidth / 2,
-      minY: offset.y - boxHeight - tailHeight,
-      maxX: offset.x + boxWidth / 2,
-      maxY: offset.y
+      minX: offset.x + offsetX - boxWidth / 2,
+      minY: offset.y + offsetY - boxHeight - tailHeight,
+      maxX: offset.x + offsetX + boxWidth / 2,
+      maxY: offset.y + offsetY
     };
   }; // 공간 인덱스 빌드 (빠른 Hit Test용)
 

package/dist/index.es.js

@@ -936,7 +936,7 @@ var isPointInPolygonData = function (clickedOffset, polygonData, getPolygonOffse
   return false;
 };
 /**
- * 마커 히트 테스트 (꼬리 제외)
+ * 마커 히트 테스트 (꼬리 제외, 오프셋 지원)
  *
  * @param clickedOffset 클릭/마우스 위치 좌표
  * @param markerData 마커 데이터
@@ -949,10 +949,12 @@ var isPointInMarkerData = function (clickedOffset, markerData, getMarkerOffset)
   if (!markerOffset) return false;
   var boxWidth = markerData.boxWidth || 50;
   var boxHeight = markerData.boxHeight || 28;
-  var tailHeight = markerData.tailHeight || 0; // 마커 중심점 기준으로 박스 영역 계산 (꼬리는 제외)
+  var tailHeight = markerData.tailHeight || 0;
+  var offsetX = markerData.offsetX || 0;
+  var offsetY = markerData.offsetY || 0; // 오프셋을 적용한 마커 중심점 기준으로 박스 영역 계산 (꼬리는 제외)
 
-  var x = markerOffset.x - boxWidth / 2;
-  var y = markerOffset.y - boxHeight - tailHeight; // 클릭 위치가 박스 영역 내부에 있는지 확인
+  var x = markerOffset.x + offsetX - boxWidth / 2;
+  var y = markerOffset.y + offsetY - boxHeight - tailHeight; // 클릭 위치가 박스 영역 내부에 있는지 확인
 
   return clickedOffset.x >= x && clickedOffset.x <= x + boxWidth && clickedOffset.y >= y && clickedOffset.y <= y + boxHeight;
 }; // Hex 색상을 RGBA로 변환
@@ -5638,7 +5640,7 @@ var WoongCanvasMarker = function (props) {
     if (!result) return null;
     offsetCacheRef.current.set(markerData.id, result);
     return result;
-  }; // 마커 바운딩 박스 계산 (Viewport Culling 및 Hit Test용)
+  }; // 마커 바운딩 박스 계산 (Viewport Culling 및 Hit Test용, 오프셋 지원)
 
 
   var computeBoundingBox = function (item) {
@@ -5647,11 +5649,14 @@ var WoongCanvasMarker = function (props) {
     var boxWidth = item.boxWidth || 50;
     var boxHeight = item.boxHeight || 28;
     var tailHeight = item.tailHeight || 0;
+    var offsetX = item.offsetX || 0;
+    var offsetY = item.offsetY || 0; // 오프셋을 적용한 마커 중심점 기준으로 바운딩 박스 계산
+
     return {
-      minX: offset.x - boxWidth / 2,
-      minY: offset.y - boxHeight - tailHeight,
-      maxX: offset.x + boxWidth / 2,
-      maxY: offset.y
+      minX: offset.x + offsetX - boxWidth / 2,
+      minY: offset.y + offsetY - boxHeight - tailHeight,
+      maxX: offset.x + offsetX + boxWidth / 2,
+      maxY: offset.y + offsetY
     };
   }; // 공간 인덱스 빌드 (빠른 Hit Test용)
 

package/dist/index.umd.js

@@ -940,7 +940,7 @@
     return false;
   };
   /**
-   * 마커 히트 테스트 (꼬리 제외)
+   * 마커 히트 테스트 (꼬리 제외, 오프셋 지원)
    *
    * @param clickedOffset 클릭/마우스 위치 좌표
    * @param markerData 마커 데이터
@@ -953,10 +953,12 @@
     if (!markerOffset) return false;
     var boxWidth = markerData.boxWidth || 50;
     var boxHeight = markerData.boxHeight || 28;
-    var tailHeight = markerData.tailHeight || 0; // 마커 중심점 기준으로 박스 영역 계산 (꼬리는 제외)
+    var tailHeight = markerData.tailHeight || 0;
+    var offsetX = markerData.offsetX || 0;
+    var offsetY = markerData.offsetY || 0; // 오프셋을 적용한 마커 중심점 기준으로 박스 영역 계산 (꼬리는 제외)
 
-    var x = markerOffset.x - boxWidth / 2;
-    var y = markerOffset.y - boxHeight - tailHeight; // 클릭 위치가 박스 영역 내부에 있는지 확인
+    var x = markerOffset.x + offsetX - boxWidth / 2;
+    var y = markerOffset.y + offsetY - boxHeight - tailHeight; // 클릭 위치가 박스 영역 내부에 있는지 확인
 
     return clickedOffset.x >= x && clickedOffset.x <= x + boxWidth && clickedOffset.y >= y && clickedOffset.y <= y + boxHeight;
   }; // Hex 색상을 RGBA로 변환
@@ -5642,7 +5644,7 @@
       if (!result) return null;
       offsetCacheRef.current.set(markerData.id, result);
       return result;
-    }; // 마커 바운딩 박스 계산 (Viewport Culling 및 Hit Test용)
+    }; // 마커 바운딩 박스 계산 (Viewport Culling 및 Hit Test용, 오프셋 지원)
 
 
     var computeBoundingBox = function (item) {
@@ -5651,11 +5653,14 @@
       var boxWidth = item.boxWidth || 50;
       var boxHeight = item.boxHeight || 28;
       var tailHeight = item.tailHeight || 0;
+      var offsetX = item.offsetX || 0;
+      var offsetY = item.offsetY || 0; // 오프셋을 적용한 마커 중심점 기준으로 바운딩 박스 계산
+
       return {
-        minX: offset.x - boxWidth / 2,
-        minY: offset.y - boxHeight - tailHeight,
-        maxX: offset.x + boxWidth / 2,
-        maxY: offset.y
+        minX: offset.x + offsetX - boxWidth / 2,
+        minY: offset.y + offsetY - boxHeight - tailHeight,
+        maxX: offset.x + offsetX + boxWidth / 2,
+        maxY: offset.y + offsetY
       };
     }; // 공간 인덱스 빌드 (빠른 Hit Test용)
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mint-ui/map",
-  "version": "1.2.0-test.36",
+  "version": "1.2.0-test.38",
   "main": "./dist/index.js",
   "module": "./dist/index.es.js",
   "browser": "./dist/index.umd.js",