@mint-ui/map 1.2.0-test.60 → 1.2.0-test.62

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

@@ -1,8 +1,8 @@
 import React from 'react';
-import { MarkerOptions, Position } from '../../../types';
+import { MarkerOptions } from '../../../types';
 import { CanvasData, CustomRenderBase, CustomRenderEvent } from '../shared';
 export { CanvasDataType, CanvasProvider, LRUCache, SpatialHashGrid } from '../shared';
-export type { CanvasData, CanvasOption, CustomRenderBase, CustomRenderEvent, RenderBaseParams, RenderEventParams, RenderUtils } from '../shared';
+export type { CanvasData, CanvasOption, CustomRenderBase, CustomRenderEvent, MarkerBoundingBox, RenderBaseParams, RenderEventParams, RenderUtils } from '../shared';
 /**
  * CanvasMarkerLayer Props
  *
@@ -14,12 +14,7 @@ export interface CanvasMarkerLayerProps<T> extends Pick<MarkerOptions, 'zIndex'
     /** 마커 클릭 시 호출되는 콜백 함수 */
     onClick?: (payload: CanvasData<T>, selectedIds: Set<string>) => void;
     /** 마커에 마우스 오버 시 호출되는 콜백 함수 */
-    onMouseOver?: (payload: CanvasData<T> & {
-        boundingBox?: {
-            bottomRight: Position;
-            leftTop: Position;
-        };
-    }) => void;
+    onMouseOver?: (payload: CanvasData<T>) => void;
     /** 마커에서 마우스 아웃 시 호출되는 콜백 함수 */
     onMouseOut?: (payload: CanvasData<T>) => void;
     /** 다중 선택 활성화 여부 (기본값: false) */

package/dist/components/mint-map/core/advanced/CanvasMarkerLayer/CanvasMarkerLayer.js

@@ -7,7 +7,7 @@ var Konva = require('konva');
 var React = require('react');
 var reactDom = require('react-dom');
 var MapDrawables = require('../../../types/MapDrawables.js');
-var MapTypes = require('../../../types/MapTypes.js');
+require('../../../types/MapTypes.js');
 require('../../../types/MapEventTypes.js');
 var MintMapProvider = require('../../provider/MintMapProvider.js');
 var context = require('../shared/context.js');
@@ -381,25 +381,17 @@ var CanvasMarkerLayer = function (props) {
 
 
   var getMarkerBoundingBoxCoordinates = function (item) {
-    try {
-      var offset = getOrComputeMarkerOffset(item);
-      if (!offset) return null;
-      var boundingBox = computeBoundingBox(item);
-      if (!boundingBox) return null; // 왼쪽 상단 좌표 (minX, minY)
-
-      var leftTopOffset = new MapTypes.Offset(boundingBox.minX, boundingBox.minY);
-      var leftTop = controller.offsetToPosition(leftTopOffset); // 우측 하단 좌표 (maxX, maxY)
-
-      var bottomRightOffset = new MapTypes.Offset(boundingBox.maxX, boundingBox.maxY);
-      var bottomRight = controller.offsetToPosition(bottomRightOffset);
-      return {
-        bottomRight: bottomRight,
-        leftTop: leftTop
-      };
-    } catch (error) {
-      console.error('[CanvasMarkerLayer] getMarkerBoundingBoxCoordinates error:', error, item);
-      return null;
-    }
+    if (!item.position) return null;
+    return utils.calculateMarkerBoundingBox({
+      controller: controller,
+      height: item.boxHeight || 28,
+      lat: item.position.lat,
+      lng: item.position.lng,
+      offsetX: item.offsetX || 0,
+      offsetY: item.offsetY || 0,
+      tailHeight: item.tailHeight || 0,
+      width: item.boxWidth || 50
+    });
   }; // 마우스 이동 이벤트 핸들러 (hover 감지)
 
 
@@ -416,12 +408,11 @@ var CanvasMarkerLayer = function (props) {
     if (prevHovered) onMouseOut === null || onMouseOut === void 0 ? void 0 : onMouseOut(prevHovered);
 
     if (hoveredItem) {
-      var boundingBox = getMarkerBoundingBoxCoordinates(hoveredItem); // boundingBox를 명시적으로 포함 (빌드 후에도 확실히 포함되도록)
+      var boundingBox = getMarkerBoundingBoxCoordinates(hoveredItem); // boundingBox를 명시적으로 포함 (CanvasData<T>에 boundingBox 속성이 포함됨)
 
       var payload = tslib.__assign(tslib.__assign({}, hoveredItem), {
         boundingBox: boundingBox || undefined
-      }); // 타입 체크를 통과하도록 타입 단언 추가
-
+      });
 
       onMouseOver === null || onMouseOver === void 0 ? void 0 : onMouseOver(payload);
     }
@@ -535,12 +526,11 @@ var CanvasMarkerLayer = function (props) {
     if (context$1) {
       // context를 통한 onMouseOver 호출 시에도 boundingBox를 포함하도록 래핑
       var wrappedOnMouseOver = onMouseOver ? function (payload) {
-        var boundingBox = getMarkerBoundingBoxCoordinates(payload); // boundingBox를 명시적으로 포함 (빌드 후에도 확실히 포함되도록)
+        var boundingBox = getMarkerBoundingBoxCoordinates(payload); // boundingBox를 명시적으로 포함 (CanvasData<T>에 boundingBox 속성이 포함됨)
 
         var enhancedPayload = tslib.__assign(tslib.__assign({}, payload), {
           boundingBox: boundingBox || undefined
-        }); // 타입 체크를 통과하도록 타입 단언 추가
-
+        });
 
         onMouseOver(enhancedPayload);
       } : undefined;

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

@@ -14,6 +14,15 @@ export interface Paths {
     type: string;
     coordinates: number[][][][];
 }
+/**
+ * 마커 바운딩 박스 좌표 (위도/경도)
+ */
+export interface MarkerBoundingBox {
+    /** 왼쪽 상단 좌표 */
+    leftTop: Position;
+    /** 우측 하단 좌표 */
+    bottomRight: Position;
+}
 /**
  * 캔버스 마커/폴리곤의 기본 필수 속성
  */
@@ -29,6 +38,8 @@ export interface CanvasOption {
     offsetX?: number;
     /** 렌더링 오프셋 Y (픽셀 단위, 기본값: 0) */
     offsetY?: number;
+    /** 마커 바운딩 박스 좌표 (onMouseOver 이벤트에서만 제공됨) */
+    boundingBox?: MarkerBoundingBox;
 }
 /**
  * 서버 데이터와 캔버스 옵션을 결합한 타입

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

@@ -1,3 +1,4 @@
+import type { MarkerBoundingBox } from './types';
 import { CanvasData, CanvasOption } from './types';
 import { Offset } from '../../../types';
 import { MintMapController } from '../../MintMapController';
@@ -128,3 +129,45 @@ export declare function createCanvasData<T extends Record<string, any>>(serverDa
  * ```
  */
 export declare function createCanvasDataArray<T extends Record<string, any>>(serverDataArray: T[], getCanvasOptions: (serverData: T, index: number) => CanvasOption): CanvasData<T>[];
+/**
+ * 마커 바운딩 박스 좌표 계산 (위도/경도)
+ *
+ * 마커의 중심 좌표와 크기를 기반으로 현재 뷰포트에서의 바운딩 박스 좌표를 계산합니다.
+ *
+ * @param params 계산 파라미터
+ * @param params.lat 마커의 중심 위도
+ * @param params.lng 마커의 중심 경도
+ * @param params.width 마커의 너비 (픽셀 단위, boxWidth)
+ * @param params.height 마커의 높이 (픽셀 단위, boxHeight)
+ * @param params.controller MintMapController 인스턴스 (뷰포트 상태를 알기 위해 필요)
+ * @param params.tailHeight 마커 꼬리 높이 (픽셀 단위, 기본값: 0)
+ * @param params.offsetX 마커 오프셋 X (픽셀 단위, 기본값: 0)
+ * @param params.offsetY 마커 오프셋 Y (픽셀 단위, 기본값: 0)
+ * @returns 마커 바운딩 박스 좌표 (위도/경도) 또는 null
+ *
+ * @example
+ * ```typescript
+ * const boundingBox = calculateMarkerBoundingBox({
+ *   lat: 37.5665,
+ *   lng: 126.9780,
+ *   width: 100,
+ *   height: 50,
+ *   controller: mintMapController
+ * });
+ *
+ * if (boundingBox) {
+ *   console.log('왼쪽 상단:', boundingBox.leftTop);
+ *   console.log('우측 하단:', boundingBox.bottomRight);
+ * }
+ * ```
+ */
+export declare const calculateMarkerBoundingBox: (params: {
+    lat: number;
+    lng: number;
+    width: number;
+    height: number;
+    controller: MintMapController;
+    tailHeight?: number;
+    offsetX?: number;
+    offsetY?: number;
+}) => MarkerBoundingBox | null;

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

@@ -299,7 +299,78 @@ function createCanvasDataArray(serverDataArray, getCanvasOptions) {
     return createCanvasData(serverData, canvasOptions);
   });
 }
+/**
+ * 마커 바운딩 박스 좌표 계산 (위도/경도)
+ *
+ * 마커의 중심 좌표와 크기를 기반으로 현재 뷰포트에서의 바운딩 박스 좌표를 계산합니다.
+ *
+ * @param params 계산 파라미터
+ * @param params.lat 마커의 중심 위도
+ * @param params.lng 마커의 중심 경도
+ * @param params.width 마커의 너비 (픽셀 단위, boxWidth)
+ * @param params.height 마커의 높이 (픽셀 단위, boxHeight)
+ * @param params.controller MintMapController 인스턴스 (뷰포트 상태를 알기 위해 필요)
+ * @param params.tailHeight 마커 꼬리 높이 (픽셀 단위, 기본값: 0)
+ * @param params.offsetX 마커 오프셋 X (픽셀 단위, 기본값: 0)
+ * @param params.offsetY 마커 오프셋 Y (픽셀 단위, 기본값: 0)
+ * @returns 마커 바운딩 박스 좌표 (위도/경도) 또는 null
+ *
+ * @example
+ * ```typescript
+ * const boundingBox = calculateMarkerBoundingBox({
+ *   lat: 37.5665,
+ *   lng: 126.9780,
+ *   width: 100,
+ *   height: 50,
+ *   controller: mintMapController
+ * });
+ *
+ * if (boundingBox) {
+ *   console.log('왼쪽 상단:', boundingBox.leftTop);
+ *   console.log('우측 하단:', boundingBox.bottomRight);
+ * }
+ * ```
+ */
+
+var calculateMarkerBoundingBox = function (params) {
+  try {
+    var lat = params.lat,
+        lng = params.lng,
+        width = params.width,
+        height = params.height,
+        controller = params.controller,
+        _a = params.tailHeight,
+        tailHeight = _a === void 0 ? 0 : _a,
+        _b = params.offsetX,
+        offsetX = _b === void 0 ? 0 : _b,
+        _c = params.offsetY,
+        offsetY = _c === void 0 ? 0 : _c; // 마커의 중심 좌표를 화면 좌표로 변환
+
+    var markerPosition = new MapTypes.Position(lat, lng);
+    var markerOffset = controller.positionToOffset(markerPosition);
+    if (!markerOffset) return null; // 바운딩 박스의 화면 좌표 계산
+
+    var minX = markerOffset.x + offsetX - width / 2;
+    var minY = markerOffset.y + offsetY - height - tailHeight;
+    var maxX = markerOffset.x + offsetX + width / 2;
+    var maxY = markerOffset.y + offsetY; // 왼쪽 상단 좌표를 위도/경도로 변환
+
+    var leftTopOffset = new MapTypes.Offset(minX, minY);
+    var leftTop = controller.offsetToPosition(leftTopOffset); // 우측 하단 좌표를 위도/경도로 변환
+
+    var bottomRightOffset = new MapTypes.Offset(maxX, maxY);
+    var bottomRight = controller.offsetToPosition(bottomRightOffset);
+    return {
+      bottomRight: bottomRight,
+      leftTop: leftTop
+    };
+  } catch (error) {
+    console.error('[calculateMarkerBoundingBox] error:', error);
+    return null;
+  }
+};
 
+exports.calculateMarkerBoundingBox = calculateMarkerBoundingBox;
 exports.calculateTextBoxWidth = calculateTextBoxWidth;
 exports.computeMarkerOffset = computeMarkerOffset;
 exports.computePolygonOffsets = computePolygonOffsets;

package/dist/index.es.js

@@ -1761,6 +1761,76 @@ function createCanvasDataArray(serverDataArray, getCanvasOptions) {
     return createCanvasData(serverData, canvasOptions);
   });
 }
+/**
+ * 마커 바운딩 박스 좌표 계산 (위도/경도)
+ *
+ * 마커의 중심 좌표와 크기를 기반으로 현재 뷰포트에서의 바운딩 박스 좌표를 계산합니다.
+ *
+ * @param params 계산 파라미터
+ * @param params.lat 마커의 중심 위도
+ * @param params.lng 마커의 중심 경도
+ * @param params.width 마커의 너비 (픽셀 단위, boxWidth)
+ * @param params.height 마커의 높이 (픽셀 단위, boxHeight)
+ * @param params.controller MintMapController 인스턴스 (뷰포트 상태를 알기 위해 필요)
+ * @param params.tailHeight 마커 꼬리 높이 (픽셀 단위, 기본값: 0)
+ * @param params.offsetX 마커 오프셋 X (픽셀 단위, 기본값: 0)
+ * @param params.offsetY 마커 오프셋 Y (픽셀 단위, 기본값: 0)
+ * @returns 마커 바운딩 박스 좌표 (위도/경도) 또는 null
+ *
+ * @example
+ * ```typescript
+ * const boundingBox = calculateMarkerBoundingBox({
+ *   lat: 37.5665,
+ *   lng: 126.9780,
+ *   width: 100,
+ *   height: 50,
+ *   controller: mintMapController
+ * });
+ *
+ * if (boundingBox) {
+ *   console.log('왼쪽 상단:', boundingBox.leftTop);
+ *   console.log('우측 하단:', boundingBox.bottomRight);
+ * }
+ * ```
+ */
+
+var calculateMarkerBoundingBox = function (params) {
+  try {
+    var lat = params.lat,
+        lng = params.lng,
+        width = params.width,
+        height = params.height,
+        controller = params.controller,
+        _a = params.tailHeight,
+        tailHeight = _a === void 0 ? 0 : _a,
+        _b = params.offsetX,
+        offsetX = _b === void 0 ? 0 : _b,
+        _c = params.offsetY,
+        offsetY = _c === void 0 ? 0 : _c; // 마커의 중심 좌표를 화면 좌표로 변환
+
+    var markerPosition = new Position(lat, lng);
+    var markerOffset = controller.positionToOffset(markerPosition);
+    if (!markerOffset) return null; // 바운딩 박스의 화면 좌표 계산
+
+    var minX = markerOffset.x + offsetX - width / 2;
+    var minY = markerOffset.y + offsetY - height - tailHeight;
+    var maxX = markerOffset.x + offsetX + width / 2;
+    var maxY = markerOffset.y + offsetY; // 왼쪽 상단 좌표를 위도/경도로 변환
+
+    var leftTopOffset = new Offset(minX, minY);
+    var leftTop = controller.offsetToPosition(leftTopOffset); // 우측 하단 좌표를 위도/경도로 변환
+
+    var bottomRightOffset = new Offset(maxX, maxY);
+    var bottomRight = controller.offsetToPosition(bottomRightOffset);
+    return {
+      bottomRight: bottomRight,
+      leftTop: leftTop
+    };
+  } catch (error) {
+    console.error('[calculateMarkerBoundingBox] error:', error);
+    return null;
+  }
+};
 
 /**
  * 캔버스 데이터 타입 Enum
@@ -4222,25 +4292,17 @@ var CanvasMarkerLayer = function (props) {
 
 
   var getMarkerBoundingBoxCoordinates = function (item) {
-    try {
-      var offset = getOrComputeMarkerOffset(item);
-      if (!offset) return null;
-      var boundingBox = computeBoundingBox(item);
-      if (!boundingBox) return null; // 왼쪽 상단 좌표 (minX, minY)
-
-      var leftTopOffset = new Offset(boundingBox.minX, boundingBox.minY);
-      var leftTop = controller.offsetToPosition(leftTopOffset); // 우측 하단 좌표 (maxX, maxY)
-
-      var bottomRightOffset = new Offset(boundingBox.maxX, boundingBox.maxY);
-      var bottomRight = controller.offsetToPosition(bottomRightOffset);
-      return {
-        bottomRight: bottomRight,
-        leftTop: leftTop
-      };
-    } catch (error) {
-      console.error('[CanvasMarkerLayer] getMarkerBoundingBoxCoordinates error:', error, item);
-      return null;
-    }
+    if (!item.position) return null;
+    return calculateMarkerBoundingBox({
+      controller: controller,
+      height: item.boxHeight || 28,
+      lat: item.position.lat,
+      lng: item.position.lng,
+      offsetX: item.offsetX || 0,
+      offsetY: item.offsetY || 0,
+      tailHeight: item.tailHeight || 0,
+      width: item.boxWidth || 50
+    });
   }; // 마우스 이동 이벤트 핸들러 (hover 감지)
 
 
@@ -4257,12 +4319,11 @@ var CanvasMarkerLayer = function (props) {
     if (prevHovered) onMouseOut === null || onMouseOut === void 0 ? void 0 : onMouseOut(prevHovered);
 
     if (hoveredItem) {
-      var boundingBox = getMarkerBoundingBoxCoordinates(hoveredItem); // boundingBox를 명시적으로 포함 (빌드 후에도 확실히 포함되도록)
+      var boundingBox = getMarkerBoundingBoxCoordinates(hoveredItem); // boundingBox를 명시적으로 포함 (CanvasData<T>에 boundingBox 속성이 포함됨)
 
       var payload = __assign(__assign({}, hoveredItem), {
         boundingBox: boundingBox || undefined
-      }); // 타입 체크를 통과하도록 타입 단언 추가
-
+      });
 
       onMouseOver === null || onMouseOver === void 0 ? void 0 : onMouseOver(payload);
     }
@@ -4376,12 +4437,11 @@ var CanvasMarkerLayer = function (props) {
     if (context) {
       // context를 통한 onMouseOver 호출 시에도 boundingBox를 포함하도록 래핑
       var wrappedOnMouseOver = onMouseOver ? function (payload) {
-        var boundingBox = getMarkerBoundingBoxCoordinates(payload); // boundingBox를 명시적으로 포함 (빌드 후에도 확실히 포함되도록)
+        var boundingBox = getMarkerBoundingBoxCoordinates(payload); // boundingBox를 명시적으로 포함 (CanvasData<T>에 boundingBox 속성이 포함됨)
 
         var enhancedPayload = __assign(__assign({}, payload), {
           boundingBox: boundingBox || undefined
-        }); // 타입 체크를 통과하도록 타입 단언 추가
-
+        });
 
         onMouseOver(enhancedPayload);
       } : undefined;
@@ -10389,4 +10449,4 @@ function MintMap(_a) {
   }), loading));
 }
 
-export { AnimationPlayer, Bounds, CanvasDataType, CanvasMarker, CanvasMarkerClaude, CanvasMarkerLayer, CanvasPolygonLayer, CanvasProvider, CircleMarker, DEFAULT_CULLING_MARGIN, DEFAULT_MAX_CACHE_SIZE, Drawable, GeoCalulator, GoogleMintMapController, LRUCache, MapBuildingProjection, MapCanvasMarkerWrapper, MapCanvasWrapper, MapControlWrapper, MapEvent, MapLoadingWithImage, MapMarkerWrapper, MapPolygonWrapper, MapPolylineWrapper, MapUIEvent, Marker, MintMap, MintMapCanvasRenderer, MintMapController, MintMapCore, MintMapProvider, NaverMintMapController, Offset, PointLoading, Polygon, PolygonCalculator, PolygonMarker, Polyline, Position, SPATIAL_GRID_CELL_SIZE, SVGCircle, SVGPolygon, SVGRect, Spacing, SpatialHashGrid, Status, buildSpatialIndex, calculateTextBoxWidth, computeMarkerOffset, computePolygonOffsets, createCanvasData, createCanvasDataArray, createMapEventHandlers, getClusterInfo, getMapOfType, hexToRgba, isInViewport, isPointInMarkerData, isPointInPolygon, isPointInPolygonData, log, mapValuesToArray, syncExternalSelectedItems, syncSelectedItems, updateViewport, useCanvasContext, useMarkerMoving, useMintMapController, validateEvent, waiting };
+export { AnimationPlayer, Bounds, CanvasDataType, CanvasMarker, CanvasMarkerClaude, CanvasMarkerLayer, CanvasPolygonLayer, CanvasProvider, CircleMarker, DEFAULT_CULLING_MARGIN, DEFAULT_MAX_CACHE_SIZE, Drawable, GeoCalulator, GoogleMintMapController, LRUCache, MapBuildingProjection, MapCanvasMarkerWrapper, MapCanvasWrapper, MapControlWrapper, MapEvent, MapLoadingWithImage, MapMarkerWrapper, MapPolygonWrapper, MapPolylineWrapper, MapUIEvent, Marker, MintMap, MintMapCanvasRenderer, MintMapController, MintMapCore, MintMapProvider, NaverMintMapController, Offset, PointLoading, Polygon, PolygonCalculator, PolygonMarker, Polyline, Position, SPATIAL_GRID_CELL_SIZE, SVGCircle, SVGPolygon, SVGRect, Spacing, SpatialHashGrid, Status, buildSpatialIndex, calculateMarkerBoundingBox, calculateTextBoxWidth, computeMarkerOffset, computePolygonOffsets, createCanvasData, createCanvasDataArray, createMapEventHandlers, getClusterInfo, getMapOfType, hexToRgba, isInViewport, isPointInMarkerData, isPointInPolygon, isPointInPolygonData, log, mapValuesToArray, syncExternalSelectedItems, syncSelectedItems, updateViewport, useCanvasContext, useMarkerMoving, useMintMapController, validateEvent, waiting };

package/dist/index.js

@@ -71,6 +71,7 @@ Object.defineProperty(exports, 'CanvasDataType', {
 	enumerable: true,
 	get: function () { return types.CanvasDataType; }
 });
+exports.calculateMarkerBoundingBox = utils.calculateMarkerBoundingBox;
 exports.calculateTextBoxWidth = utils.calculateTextBoxWidth;
 exports.computeMarkerOffset = utils.computeMarkerOffset;
 exports.computePolygonOffsets = utils.computePolygonOffsets;

package/dist/index.umd.js

@@ -1765,6 +1765,76 @@
       return createCanvasData(serverData, canvasOptions);
     });
   }
+  /**
+   * 마커 바운딩 박스 좌표 계산 (위도/경도)
+   *
+   * 마커의 중심 좌표와 크기를 기반으로 현재 뷰포트에서의 바운딩 박스 좌표를 계산합니다.
+   *
+   * @param params 계산 파라미터
+   * @param params.lat 마커의 중심 위도
+   * @param params.lng 마커의 중심 경도
+   * @param params.width 마커의 너비 (픽셀 단위, boxWidth)
+   * @param params.height 마커의 높이 (픽셀 단위, boxHeight)
+   * @param params.controller MintMapController 인스턴스 (뷰포트 상태를 알기 위해 필요)
+   * @param params.tailHeight 마커 꼬리 높이 (픽셀 단위, 기본값: 0)
+   * @param params.offsetX 마커 오프셋 X (픽셀 단위, 기본값: 0)
+   * @param params.offsetY 마커 오프셋 Y (픽셀 단위, 기본값: 0)
+   * @returns 마커 바운딩 박스 좌표 (위도/경도) 또는 null
+   *
+   * @example
+   * ```typescript
+   * const boundingBox = calculateMarkerBoundingBox({
+   *   lat: 37.5665,
+   *   lng: 126.9780,
+   *   width: 100,
+   *   height: 50,
+   *   controller: mintMapController
+   * });
+   *
+   * if (boundingBox) {
+   *   console.log('왼쪽 상단:', boundingBox.leftTop);
+   *   console.log('우측 하단:', boundingBox.bottomRight);
+   * }
+   * ```
+   */
+
+  var calculateMarkerBoundingBox = function (params) {
+    try {
+      var lat = params.lat,
+          lng = params.lng,
+          width = params.width,
+          height = params.height,
+          controller = params.controller,
+          _a = params.tailHeight,
+          tailHeight = _a === void 0 ? 0 : _a,
+          _b = params.offsetX,
+          offsetX = _b === void 0 ? 0 : _b,
+          _c = params.offsetY,
+          offsetY = _c === void 0 ? 0 : _c; // 마커의 중심 좌표를 화면 좌표로 변환
+
+      var markerPosition = new Position(lat, lng);
+      var markerOffset = controller.positionToOffset(markerPosition);
+      if (!markerOffset) return null; // 바운딩 박스의 화면 좌표 계산
+
+      var minX = markerOffset.x + offsetX - width / 2;
+      var minY = markerOffset.y + offsetY - height - tailHeight;
+      var maxX = markerOffset.x + offsetX + width / 2;
+      var maxY = markerOffset.y + offsetY; // 왼쪽 상단 좌표를 위도/경도로 변환
+
+      var leftTopOffset = new Offset(minX, minY);
+      var leftTop = controller.offsetToPosition(leftTopOffset); // 우측 하단 좌표를 위도/경도로 변환
+
+      var bottomRightOffset = new Offset(maxX, maxY);
+      var bottomRight = controller.offsetToPosition(bottomRightOffset);
+      return {
+        bottomRight: bottomRight,
+        leftTop: leftTop
+      };
+    } catch (error) {
+      console.error('[calculateMarkerBoundingBox] error:', error);
+      return null;
+    }
+  };
 
   /**
    * 캔버스 데이터 타입 Enum
@@ -4226,25 +4296,17 @@
 
 
     var getMarkerBoundingBoxCoordinates = function (item) {
-      try {
-        var offset = getOrComputeMarkerOffset(item);
-        if (!offset) return null;
-        var boundingBox = computeBoundingBox(item);
-        if (!boundingBox) return null; // 왼쪽 상단 좌표 (minX, minY)
-
-        var leftTopOffset = new Offset(boundingBox.minX, boundingBox.minY);
-        var leftTop = controller.offsetToPosition(leftTopOffset); // 우측 하단 좌표 (maxX, maxY)
-
-        var bottomRightOffset = new Offset(boundingBox.maxX, boundingBox.maxY);
-        var bottomRight = controller.offsetToPosition(bottomRightOffset);
-        return {
-          bottomRight: bottomRight,
-          leftTop: leftTop
-        };
-      } catch (error) {
-        console.error('[CanvasMarkerLayer] getMarkerBoundingBoxCoordinates error:', error, item);
-        return null;
-      }
+      if (!item.position) return null;
+      return calculateMarkerBoundingBox({
+        controller: controller,
+        height: item.boxHeight || 28,
+        lat: item.position.lat,
+        lng: item.position.lng,
+        offsetX: item.offsetX || 0,
+        offsetY: item.offsetY || 0,
+        tailHeight: item.tailHeight || 0,
+        width: item.boxWidth || 50
+      });
     }; // 마우스 이동 이벤트 핸들러 (hover 감지)
 
 
@@ -4261,12 +4323,11 @@
       if (prevHovered) onMouseOut === null || onMouseOut === void 0 ? void 0 : onMouseOut(prevHovered);
 
       if (hoveredItem) {
-        var boundingBox = getMarkerBoundingBoxCoordinates(hoveredItem); // boundingBox를 명시적으로 포함 (빌드 후에도 확실히 포함되도록)
+        var boundingBox = getMarkerBoundingBoxCoordinates(hoveredItem); // boundingBox를 명시적으로 포함 (CanvasData<T>에 boundingBox 속성이 포함됨)
 
         var payload = tslib.__assign(tslib.__assign({}, hoveredItem), {
           boundingBox: boundingBox || undefined
-        }); // 타입 체크를 통과하도록 타입 단언 추가
-
+        });
 
         onMouseOver === null || onMouseOver === void 0 ? void 0 : onMouseOver(payload);
       }
@@ -4380,12 +4441,11 @@
       if (context) {
         // context를 통한 onMouseOver 호출 시에도 boundingBox를 포함하도록 래핑
         var wrappedOnMouseOver = onMouseOver ? function (payload) {
-          var boundingBox = getMarkerBoundingBoxCoordinates(payload); // boundingBox를 명시적으로 포함 (빌드 후에도 확실히 포함되도록)
+          var boundingBox = getMarkerBoundingBoxCoordinates(payload); // boundingBox를 명시적으로 포함 (CanvasData<T>에 boundingBox 속성이 포함됨)
 
           var enhancedPayload = tslib.__assign(tslib.__assign({}, payload), {
             boundingBox: boundingBox || undefined
-          }); // 타입 체크를 통과하도록 타입 단언 추가
-
+          });
 
           onMouseOver(enhancedPayload);
         } : undefined;
@@ -10439,6 +10499,7 @@
   exports.SpatialHashGrid = SpatialHashGrid;
   exports.Status = Status;
   exports.buildSpatialIndex = buildSpatialIndex;
+  exports.calculateMarkerBoundingBox = calculateMarkerBoundingBox;
   exports.calculateTextBoxWidth = calculateTextBoxWidth;
   exports.computeMarkerOffset = computeMarkerOffset;
   exports.computePolygonOffsets = computePolygonOffsets;

package/package.json

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