@mint-ui/map 0.4.5-beta → 0.5.0-beta

package/dist/components/mint-map/core/util/calculate.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var MintMap = require('../../MintMap.js');
-
-var LinePoints = function () {
+var LinePoints =
+/** @class */
+function () {
   function LinePoints(x1, y1, x2, y2) {
     this.x1 = x1;
     this.y1 = y1;
@@ -15,10 +15,23 @@ var LinePoints = function () {
   return LinePoints;
 }();
 
-var PolygonCalculator = function () {
+var PositionMirror =
+/** @class */
+function () {
+  function PositionMirror(lat, lng) {
+    this.lat = lat;
+    this.lng = lng;
+  }
+
+  return PositionMirror;
+}();
+
+var PolygonCalculator =
+/** @class */
+function () {
   function PolygonCalculator() {}
 
-  PolygonCalculator.getCenter = function (positions) {
+  PolygonCalculator.getRegionInfo = function (positions) {
     var maxX, minX, maxY, minY;
 
     for (var _i = 0, positions_1 = positions; _i < positions_1.length; _i++) {
@@ -41,8 +54,41 @@ var PolygonCalculator = function () {
       }
     }
 
-    if (maxX && minX && maxY && minY) {
-      return new MintMap.Position(minX + (maxX - minX) / 2, minY + (maxY - minY) / 2);
+    return {
+      maxLat: maxX,
+      minLat: minX,
+      maxLng: maxY,
+      minLng: minY,
+      centerLat: minX && maxX ? minX + (maxX - minX) / 2 : undefined,
+      centerLng: minY && maxY ? minY + (maxY - minY) / 2 : undefined
+    };
+  };
+
+  PolygonCalculator.getRegionStart = function (positions) {
+    var info = this.getRegionInfo(positions);
+
+    if (info.minLat && info.minLng) {
+      return new PositionMirror(info.minLat, info.minLng);
+    }
+
+    throw new Error('Calculate RegionStart Error!!!');
+  };
+
+  PolygonCalculator.getRegionEnd = function (positions) {
+    var info = this.getRegionInfo(positions);
+
+    if (info.maxLat && info.maxLng) {
+      return new PositionMirror(info.maxLat, info.maxLng);
+    }
+
+    throw new Error('Calculate RegionEnd Error!!!');
+  };
+
+  PolygonCalculator.getCenter = function (positions) {
+    var info = this.getRegionInfo(positions);
+
+    if (info.centerLat && info.centerLng) {
+      return new PositionMirror(info.centerLat, info.centerLng);
     }
 
     throw new Error('Calculate Center Error!!!');
@@ -75,9 +121,10 @@ var PolygonCalculator = function () {
     var lines = this.convertPolygonToLinePoints(polygon);
 
     for (var _i = 0, targets_1 = targets; _i < targets_1.length; _i++) {
-      var target = targets_1[_i];
-      var tempLine = this.convertPositionToPoints(target, new MintMap.Position(target.lat, maxX));
-      var crossPoints = this.getCrossPointAll(lines, tempLine);
+      var target = targets_1[_i]; //x 축으로 긴 직선과 폴리곤 path 와의 교차 수 비교
+
+      var tempLine = this.convertPositionToPoints(target, new PositionMirror(target.lat, maxX));
+      var crossPoints = this.getCrossPointAll(lines, tempLine); // console.log('crossPoints',crossPoints);
 
       if (crossPoints.length > 0 && crossPoints.length % 2 != 0) {
         result.push(target);
@@ -99,16 +146,20 @@ var PolygonCalculator = function () {
 
   PolygonCalculator.convertPositionToPoints = function (pos1, pos2) {
     return new LinePoints(pos1.lng, pos1.lat, pos2.lng, pos2.lat);
-  };
+  }; //두 직선의 교점 구하기
+
 
   PolygonCalculator.getCrossPoint = function (sr, tr) {
-    var p1 = (sr.x1 - sr.x2) * (tr.y1 - tr.y2) - (sr.y1 - sr.y2) * (tr.x1 - tr.x2);
+    var p1 = (sr.x1 - sr.x2) * (tr.y1 - tr.y2) - (sr.y1 - sr.y2) * (tr.x1 - tr.x2); //분모로 사용됨
+    // p1 ==0 이면 평행선 또는 일치 이므로 제외(분모)
 
     if (p1 != 0) {
       var x = ((sr.x1 * sr.y2 - sr.y1 * sr.x2) * (tr.x1 - tr.x2) - (sr.x1 - sr.x2) * (tr.x1 * tr.y2 - tr.y1 * tr.x2)) / p1;
       var y = ((sr.x1 * sr.y2 - sr.y1 * sr.x2) * (tr.y1 - tr.y2) - (sr.y1 - sr.y2) * (tr.x1 * tr.y2 - tr.y1 * tr.x2)) / p1;
 
-      if (this.toFixedPosition((x - sr.x1) * (x - sr.x2)) <= 0 && this.toFixedPosition((y - sr.y1) * (y - sr.y2)) <= 0 && this.toFixedPosition((x - tr.x1) * (x - tr.x2)) <= 0 && this.toFixedPosition((y - tr.y1) * (y - tr.y2)) <= 0) {
+      if (this.toFixedPosition((x - sr.x1) * (x - sr.x2)) <= 0 && this.toFixedPosition((y - sr.y1) * (y - sr.y2)) <= 0 //교점이 1선분 위에 있고
+      && this.toFixedPosition((x - tr.x1) * (x - tr.x2)) <= 0 && this.toFixedPosition((y - tr.y1) * (y - tr.y2)) <= 0 //교점이 2선분 위에 있을경우
+      ) {
         return {
           x: x,
           y: y
@@ -138,7 +189,7 @@ var PolygonCalculator = function () {
 
   PolygonCalculator.findCrossPoint = function (sr, tr) {
     for (var _i = 0, sr_2 = sr; _i < sr_2.length; _i++) {
-      var tmp = sr_2[_i];
+      var tmp = sr_2[_i]; //교점이 있으면 true
 
       if (this.getCrossPoint(tmp, tr)) {
         return true;
@@ -148,10 +199,96 @@ var PolygonCalculator = function () {
     return false;
   };
 
+  PolygonCalculator.simplifyPoints = function (polygon, tolerance, lastRepeated) {
+    var target = lastRepeated ? polygon.slice(0, polygon.length - 1) : polygon;
+    return this.simplify(target.map(function (position) {
+      return [position.lng, position.lat];
+    }), tolerance !== undefined ? tolerance : this.TOLERANCE_NAVER_STYLE).map(function (point) {
+      return new PositionMirror(point[1], point[0]);
+    });
+  };
+
+  PolygonCalculator.simplify = function (points, tolerance) {
+    if (points.length <= 2) {
+      return points;
+    }
+
+    var dMax = 0;
+    var index = 0; // Find the point with the maximum distance from the line segment
+
+    for (var i = 1; i < points.length - 1; i++) {
+      var d = this.perpendicularDistance(points[i], points[0], points[points.length - 1]);
+
+      if (d > dMax) {
+        dMax = d;
+        index = i;
+      }
+    } // If the maximum distance is greater than the tolerance, recursively simplify
+
+
+    if (dMax > tolerance) {
+      var left = this.simplify(points.slice(0, index + 1), tolerance);
+      var right = this.simplify(points.slice(index), tolerance); // Concatenate the simplified left and right segments
+
+      return left.slice(0, left.length - 1).concat(right);
+    } else {
+      // If the maximum distance is less than or equal to the tolerance, return the endpoints
+      return [points[0], points[points.length - 1]];
+    }
+  }; // Calculate the perpendicular distance from a point to a line segment
+
+
+  PolygonCalculator.perpendicularDistance = function (point, lineStart, lineEnd) {
+    var x = point[0];
+    var y = point[1];
+    var x1 = lineStart[0];
+    var y1 = lineStart[1];
+    var x2 = lineEnd[0];
+    var y2 = lineEnd[1];
+    var numerator = Math.abs((y2 - y1) * x - (x2 - x1) * y + x2 * y1 - y2 * x1);
+    var denominator = Math.sqrt(Math.pow(y2 - y1, 2) + Math.pow(x2 - x1, 2));
+    return numerator / denominator;
+  };
+
+  PolygonCalculator.calculatePolygonSize = function (polygon, innerPolygons) {
+    var _this = this;
+
+    var outer = this.calculatePolygonSizeMain(polygon);
+    var inner = 0;
+    innerPolygons && innerPolygons.map(function (innerPolygon) {
+      inner += _this.calculatePolygonSizeMain(innerPolygon);
+    });
+    return outer - inner;
+  };
+
+  PolygonCalculator.calculatePolygonSizeMain = function (polygon) {
+    var vertices = polygon.map(function (pos) {
+      return {
+        x: GeoCalulator.convertLongitudeToMeterValue(pos.lat, pos.lng),
+        y: GeoCalulator.convertLatitudeToMeterValue(pos.lat)
+      };
+    });
+    var n = vertices.length;
+    var sum = 0;
+
+    for (var i = 0; i < n; i++) {
+      var currentVertex = vertices[i];
+      var nextVertex = vertices[(i + 1) % n];
+      sum += currentVertex.x * nextVertex.y - currentVertex.y * nextVertex.x;
+    }
+
+    var area = Math.abs(sum) / 2;
+    return area;
+  };
+
+  PolygonCalculator.TOLERANCE_NAVER_STYLE = 0.0001;
+  PolygonCalculator.TOLERANCE_GOOGLE_STYLE = 0.00001;
   return PolygonCalculator;
 }();
 
-var GeoCalulator = function () {
+var GeoCalulator =
+/** @class */
+function () {
   function GeoCalulator() {}
 
   GeoCalulator.computeDistanceKiloMeter = function (pos1, pos2) {
@@ -159,7 +296,8 @@ var GeoCalulator = function () {
     var dLon = this.deg2rad(pos2.lng - pos1.lng);
     var a = Math.sin(dLat / 2) * Math.sin(dLat / 2) + Math.cos(this.deg2rad(pos1.lat)) * Math.cos(this.deg2rad(pos2.lat)) * Math.sin(dLon / 2) * Math.sin(dLon / 2);
     var c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a));
-    var d = this.EARTH_RADIUS * c;
+    var d = this.EARTH_EQUATORIAL_RADIUS_KM * c; // Distance in km
+
     return d;
   };
 
@@ -171,54 +309,122 @@ var GeoCalulator = function () {
     return meter * this.LATITUDE_POSITION_VALUE_PER_METER;
   };
 
+  GeoCalulator.convertLatitudeToMeterValue = function (lat) {
+    return lat * this.METER_VALUE_PER_LATITUDE;
+  };
+
+  GeoCalulator.convertLongitudeToMeterValue = function (lat, lng) {
+    return lng * this.calculateLongitudeValueWithLatitudeInMeter(lat);
+  };
+
+  GeoCalulator.getCacheUnitOfLongitudeValueWithLatitudeInMeter = function (lat) {
+    return lat.toFixed(2);
+  };
+
+  GeoCalulator.getCacheOfLongitudeValueWithLatitudeInMeter = function (latUnit) {
+    return this.CACHE_OF_LNG_PER_METER.get(latUnit);
+  };
+
+  GeoCalulator.setCacheOfLongitudeValueWithLatitudeInMeter = function (latUnit, lngValue) {
+    if (this.CACHE_OF_LNG_PER_METER.size > 10) {
+      this.CACHE_OF_LNG_PER_METER.clear();
+    }
+
+    this.CACHE_OF_LNG_PER_METER.set(latUnit, lngValue);
+  };
+
+  GeoCalulator.calculateLongitudeValueWithLatitudeInMeter = function (lat) {
+    // const t = Date.now()
+    // Cache check
+    var latUnit = this.getCacheUnitOfLongitudeValueWithLatitudeInMeter(lat);
+    var fromCache = this.getCacheOfLongitudeValueWithLatitudeInMeter(latUnit);
+
+    if (fromCache !== undefined) {
+      // console.log(`cache hit!! ${Date.now() - t} ms`, fromCache, latUnit, this.CACHE_OF_LNG_PER_METER.size);
+      return fromCache;
+    } // Convert latitude and longitude to radians
+
+
+    var latRad = lat * Math.PI / 180; // Calculate Earth's radius at the given latitude
+
+    var radius = this.EARTH_EQUATORIAL_RADIUS * Math.sqrt(1 - Math.pow(this.EARTH_ECCENTRICITY * Math.sin(latRad), 2)); // Calculate the length of one degree of longitude in meters
+
+    var distance = 2 * Math.PI * radius * Math.cos(latRad) / 360; // Cache set
+
+    this.setCacheOfLongitudeValueWithLatitudeInMeter(latUnit, distance); // console.log(`calculated ${Date.now() - t} ms`)
+
+    return distance;
+  };
+
   GeoCalulator.computeNextPositionAndDistances = function (context) {
     var pos1 = context.pos1,
         pos2 = context.pos2,
         prevPos2 = context.prevPos2,
         velocityKmh = context.velocityKmh,
         prevVelocityKmh = context.prevVelocityKmh,
-        elapsedTimeMs = context.elapsedTimeMs;
+        elapsedTimeMs = context.elapsedTimeMs; // console.log('velocityKmh / elapsedTimeMs',velocityKmh , elapsedTimeMs);
+    //총 가야할 거리 (km)
 
     if (pos2 !== prevPos2) {
+      //목표가 바뀌면 거리 및 비율 재계산
       context.totalDistance = this.computeDistanceKiloMeter(pos1, pos2);
       context.currDistance = 0;
       context.prevPos2 = pos2;
     }
 
-    var totalDistance = context.totalDistance;
+    var totalDistance = context.totalDistance; // console.log('totalDistance', totalDistance);
+    //ms 속으로 환산
 
     if (velocityKmh !== prevVelocityKmh) {
+      //속도가 바뀌면 재계산
       context.vPerMs = velocityKmh / this.MS_FROM_HOUR;
       context.prevVelocityKmh = velocityKmh;
     }
 
-    var vPerMs = context.vPerMs;
-    var nextDistance = context.distanceRemain ? context.distanceRemain : context.currDistance + elapsedTimeMs * vPerMs;
+    var vPerMs = context.vPerMs; //console.log('vPerMs', vPerMs);
+    //실제 가는 거리 계산
+
+    var nextDistance = context.distanceRemain ? context.distanceRemain : context.currDistance + elapsedTimeMs * vPerMs; //console.log('nextDistance', nextDistance);
+    //목표점까지 이동 후에도 남는 거리
+
     context.currDistance = nextDistance;
 
     if (totalDistance < context.currDistance) {
+      //이동 거리가 현재 목표점을 넘어가는 경우
       context.distanceRemain = context.currDistance - totalDistance;
       context.nextPos = pos2;
       return context;
     } else {
       context.distanceRemain = 0;
-    }
+    } //각 축으로 나가야할 비율
+
+
+    var ratio = nextDistance / totalDistance; //console.log('ratio', ratio);
+    //방향값 체크
 
-    var ratio = nextDistance / totalDistance;
     var latCalib = pos2.lat > pos1.lat ? 1 : -1;
-    var lngCalib = pos2.lng > pos1.lng ? 1 : -1;
-    var newPos = new MintMap.Position(pos1.lat + (pos2.lat - pos1.lat) * ratio, pos1.lng + (pos2.lng - pos1.lng) * ratio);
+    var lngCalib = pos2.lng > pos1.lng ? 1 : -1; //각 축에 보정된 새로운 지점 리턴
+
+    var newPos = new PositionMirror(pos1.lat + (pos2.lat - pos1.lat) * ratio, pos1.lng + (pos2.lng - pos1.lng) * ratio);
 
     if ((latCalib === 1 && pos2.lat <= newPos.lat || latCalib === -1 && pos2.lat >= newPos.lat) && (lngCalib === 1 && pos2.lng <= newPos.lng || lngCalib === -1 && pos2.lng >= newPos.lng)) {
       newPos = pos2;
-    }
+    } // console.log('newPos', newPos);
+    //console.log('==============================================================\n');
+
 
     context.nextPos = newPos;
     return context;
   };
 
-  GeoCalulator.EARTH_RADIUS = 6371;
-  GeoCalulator.LATITUDE_POSITION_VALUE_PER_METER = 1 / (110 * 1000);
+  GeoCalulator.EARTH_EQUATORIAL_RADIUS = 6378137; //meter (6,378,137 m)
+
+  GeoCalulator.EARTH_EQUATORIAL_RADIUS_KM = GeoCalulator.EARTH_EQUATORIAL_RADIUS / 1000;
+  GeoCalulator.EARTH_ECCENTRICITY = 0.08181919;
+  GeoCalulator.METER_VALUE_PER_LATITUDE = 110.32 * 1000; //위도 기준 1도는 110.32km
+
+  GeoCalulator.LATITUDE_POSITION_VALUE_PER_METER = 1 / GeoCalulator.METER_VALUE_PER_LATITUDE;
+  GeoCalulator.CACHE_OF_LNG_PER_METER = new Map();
   GeoCalulator.MS_FROM_HOUR = 60 * 60 * 1000;
   return GeoCalulator;
 }();

package/dist/components/mint-map/core/util/cluster.d.ts

@@ -1,18 +1,18 @@
-import { Bounds, Position } from "../../MintMap";
-export interface ClusterInfo {
-    bounds: Bounds;
-    checked: boolean;
-    center: boolean;
-    centerPosition: Position;
-    incList: any;
-    itemList: Position[];
-    size: number;
-}
-export interface ClusterStatus {
-    total: number;
-    average: number;
-    min: number;
-    max: number;
-}
-export declare type ClusterSizeCalculator = (info: ClusterInfo, status: ClusterStatus) => number;
-export declare const getClusterInfo: (basePixelSize: number, mapBounds: Bounds, mapWidth: number, mapHeight: number, itemList: Position[], sizeFunction?: ClusterSizeCalculator) => ClusterInfo[];
+import { Bounds, Position } from "../../types/MapTypes";
+export interface ClusterInfo {
+    bounds: Bounds;
+    checked: boolean;
+    center: boolean;
+    centerPosition: Position;
+    incList: any;
+    itemList: Position[];
+    size: number;
+}
+export interface ClusterStatus {
+    total: number;
+    average: number;
+    min: number;
+    max: number;
+}
+export declare type ClusterSizeCalculator = (info: ClusterInfo, status: ClusterStatus) => number;
+export declare const getClusterInfo: (basePixelSize: number, mapBounds: Bounds, mapWidth: number, mapHeight: number, itemList: Position[], sizeFunction?: ClusterSizeCalculator) => ClusterInfo[];

package/dist/components/mint-map/core/util/cluster.js

@@ -2,15 +2,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var MintMap = require('../../MintMap.js');
+var MapTypes = require('../../types/MapTypes.js');
 
 var getClusterInfo = function (basePixelSize, mapBounds, mapWidth, mapHeight, itemList, sizeFunction) {
-  var _a;
+  var _a; //1. basePixelSize 기준으로 현재 지도 크기를 베이스로 영역 갯수 정하기
+
 
   var rowCount = Number((mapWidth / basePixelSize).toFixed(0)) || 1;
-  var colCount = Number((mapHeight / basePixelSize).toFixed(0)) || 1;
+  var colCount = Number((mapHeight / basePixelSize).toFixed(0)) || 1; //console.log('rowCount', rowCount, 'colCount', colCount)
+
   var boundsLineSizeX = Number(((mapBounds.ne.lng - mapBounds.nw.lng) / rowCount).toFixed(7));
-  var boundsLineSizeY = Number(((mapBounds.nw.lat - mapBounds.se.lat) / colCount).toFixed(7));
+  var boundsLineSizeY = Number(((mapBounds.nw.lat - mapBounds.se.lat) / colCount).toFixed(7)); //console.log('boundsLineSize', boundsLineSizeX, boundsLineSizeY)
   var boundsPos = [];
   var tempX1, tempY1, tempX2, tempY2;
 
@@ -23,7 +25,7 @@ var getClusterInfo = function (basePixelSize, mapBounds, mapWidth, mapHeight, it
     for (var k = 0; k < colCount; k++) {
       tempY2 = mapBounds.se.lat + boundsLineSizeY * k;
       tempY1 = mapBounds.se.lat + boundsLineSizeY * (k + 1);
-      var thisBounds = MintMap.Bounds.fromNWSE(new MintMap.Position(tempY1, tempX1), new MintMap.Position(tempY2, tempX2));
+      var thisBounds = MapTypes.Bounds.fromNWSE(new MapTypes.Position(tempY1, tempX1), new MapTypes.Position(tempY2, tempX2));
       var includedList = thisBounds.getIncludedPositions(itemList);
       rows.push({
         bounds: thisBounds,
@@ -35,7 +37,8 @@ var getClusterInfo = function (basePixelSize, mapBounds, mapWidth, mapHeight, it
         size: basePixelSize
       });
     }
-  }
+  } //좌표마다 검사해서 인접셀 병합 처리
+
 
   var centerList = [];
   var totalItemCount = 0;
@@ -46,7 +49,8 @@ var getClusterInfo = function (basePixelSize, mapBounds, mapWidth, mapHeight, it
     for (var k = 0; k < boundsPos[i].length; k++) {
       var curr = boundsPos[i][k];
       if (curr.checked) continue;
-      curr.checked = true;
+      curr.checked = true; //현재기준 8방향 객체 모으기
+
       var incList = [];
 
       if (boundsPos[i]) {
@@ -88,7 +92,7 @@ var getClusterInfo = function (basePixelSize, mapBounds, mapWidth, mapHeight, it
         var avrLng = calculateAverage(curr.itemList.map(function (item) {
           return item.lng;
         }));
-        curr.centerPosition = new MintMap.Position(avrLat, avrLng);
+        curr.centerPosition = new MapTypes.Position(avrLat, avrLng);
         totalItemCount += curr.itemList.length;
 
         if (!min || curr.itemList.length < min) {
@@ -118,7 +122,8 @@ var getClusterInfo = function (basePixelSize, mapBounds, mapWidth, mapHeight, it
   for (var _b = 0, centerList_1 = centerList; _b < centerList_1.length; _b++) {
     var center = centerList_1[_b];
     center.size = sizeFunction(center, status);
-  }
+  } // console.log('centerList', centerList, status);
+
 
   return centerList;
 };

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

@@ -1,4 +1,4 @@
-export * from './animation';
-export * from './calculate';
-export * from './waiting';
-export * from './cluster';
+export * from './animation';
+export * from './calculate';
+export * from './waiting';
+export * from './cluster';

package/dist/components/mint-map/core/util/waiting.d.ts

@@ -1 +1 @@
-export declare function waiting(evaluation: () => boolean, timeoutSeconds?: number): Promise<boolean>;
+export declare function waiting(evaluation: () => boolean, timeoutSeconds?: number): Promise<boolean>;

package/dist/components/mint-map/core/util/waiting.js

@@ -9,16 +9,20 @@ function waiting(evaluation, timeoutSeconds) {
     var max;
     return tslib.__generator(this, function (_a) {
       max = (timeoutSeconds || 5) * 1000;
-      return [2, new Promise(function (resolve) {
+      return [2
+      /*return*/
+      , new Promise(function (resolve) {
         var start = new Date().getTime();
         var inter = setInterval(function () {
+          //타임아웃 체크
           var time = new Date().getTime();
 
           if (time - start > max) {
             clearInterval(inter);
             resolve(false);
             return;
-          }
+          } //평가식 체크
+
 
           if (evaluation()) {
             clearInterval(inter);

package/dist/components/mint-map/core/wrapper/MapCanvasMarkerWrapper.d.ts

@@ -1,19 +1,27 @@
-/// <reference types="react" />
-import { MarkerOptions, Offset } from "../../MintMap";
-import { MintMapCanvasRenderer } from "../MintMapCanvasRenderer";
-export declare type CanvasMarkerRenderer<T> = (ctx: MintMapCanvasRenderer, offset: Offset, payload?: T) => void;
-export interface CanvasMarkerMouseEvent {
-    x: number;
-    y: number;
-}
-export declare type CanvasMarkerMouseEventCallback = (e: CanvasMarkerMouseEvent) => boolean | undefined | void;
-export interface MapCanvasMarkerWrapperProps<T> extends MarkerOptions {
-    renderer: CanvasMarkerRenderer<T>;
-    payload?: T;
-    boxWidth: number;
-    boxHeight: number;
-    onClick?: CanvasMarkerMouseEventCallback;
-    onMouseOver?: CanvasMarkerMouseEventCallback;
-    onMouseOut?: CanvasMarkerMouseEventCallback;
-}
-export declare function MapCanvasMarkerWrapper<T>(_props: MapCanvasMarkerWrapperProps<T>): JSX.Element;
+/// <reference types="react" />
+import { MarkerOptions } from "../../types/MapDrawables";
+import { Offset } from "../../types/MapTypes";
+import { MintMapCanvasRenderer } from "../MintMapCanvasRenderer";
+export declare type CanvasMarkerRenderer<T> = (ctx: MintMapCanvasRenderer, offset: Offset, payload?: T) => void;
+export interface CanvasMarkerMouseEvent {
+    x: number;
+    y: number;
+}
+export declare type CanvasMarkerMouseEventCallback = (e: CanvasMarkerMouseEvent) => boolean | undefined | void;
+export interface MapCanvasMarkerWrapperProps<T> extends MarkerOptions {
+    renderer: CanvasMarkerRenderer<T>;
+    payload?: T;
+    boxWidth: number;
+    boxHeight: number;
+    onClick?: CanvasMarkerMouseEventCallback;
+    onMouseOver?: CanvasMarkerMouseEventCallback;
+    onMouseOut?: CanvasMarkerMouseEventCallback;
+}
+/**
+ * Mint Map 컴포넌트
+ *
+ * @param {MapControlWrapperProps} MapControlWrapperProps
+ *
+ * @returns {JSX.Element} JSX
+ */
+export declare function MapCanvasMarkerWrapper<T>(_props: MapCanvasMarkerWrapperProps<T>): JSX.Element;

package/dist/components/mint-map/core/wrapper/MapCanvasMarkerWrapper.js

@@ -8,7 +8,16 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
+/**
+ * Mint Map 컴포넌트
+ *
+ * @param {MapControlWrapperProps} MapControlWrapperProps
+ *
+ * @returns {JSX.Element} JSX
+ */
+
 function MapCanvasMarkerWrapper(_props) {
+  //실제 렌더링처리는 MapCanvasWrapper 에서...
   return React__default["default"].createElement(React__default["default"].Fragment, null);
 }
 

package/dist/components/mint-map/core/wrapper/MapCanvasWrapper.d.ts

@@ -1,4 +1,11 @@
-import React from "react";
-export interface MapCanvasWrapperProps {
-}
-export declare function MapCanvasWrapper<T>({ children, ...props }: React.PropsWithChildren<MapCanvasWrapperProps>): JSX.Element;
+import React from "react";
+export interface MapCanvasWrapperProps {
+}
+/**
+ * Mint Map 컴포넌트
+ *
+ * @param {MapControlWrapperProps} MapControlWrapperProps
+ *
+ * @returns {JSX.Element} JSX
+ */
+export declare function MapCanvasWrapper<T>({ children, ...props }: React.PropsWithChildren<MapCanvasWrapperProps>): JSX.Element;