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

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 감지)
 
 

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 감지)
 
 
@@ -10387,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 감지)
 
 
@@ -10437,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.61",
+  "version": "1.2.0-test.62",
   "main": "./dist/index.js",
   "module": "./dist/index.es.js",
   "browser": "./dist/index.umd.js",