@mint-ui/map 0.2.1-beta → 0.3.1-beta

package/dist/components/mint-map/MintMap.d.ts

@@ -12,12 +12,14 @@ export interface MintMapProps extends MintMapEvents {
     visible?: boolean;
     markerCache?: boolean;
     markerCachePoolSize?: number;
+    boundsChangeThrottlingTime?: number;
 }
 export interface MintMapEvents {
     onBoundsChanged?: (bounds: Bounds) => void;
     onZoomChanged?: (level: number) => void;
     onLoad?: (map: MapVendorType, controller: MintMapController) => void;
     onClick?: (positon: Position) => void;
+    onMouseMove?: (positon: Position) => void;
 }
 export declare class Position {
     lat: number;
@@ -36,6 +38,7 @@ export declare class Bounds {
     private covertNWSEtoNESW;
     private covertNESWtoNWSE;
     getCenter(): Position;
+    includesPosition(pos: Position): boolean;
     getIncludedPositions(positions: Position[]): Position[];
     includes(positions: Position | Position[]): boolean;
     includesOnlyOnePoint(positions: Position[]): boolean;

package/dist/components/mint-map/MintMap.js

@@ -65,7 +65,11 @@ var Bounds = function () {
   };
 
   Bounds.prototype.getCenter = function () {
-    return new Position(this.nw.lat + (this.se.lat - this.nw.lat) / 2, this.nw.lng + (this.se.lng - this.nw.lng) / 2);
+    return new Position(this.se.lat + (this.nw.lat - this.se.lat) / 2, this.nw.lng + (this.se.lng - this.nw.lng) / 2);
+  };
+
+  Bounds.prototype.includesPosition = function (pos) {
+    return this.nw.lng < pos.lng && this.se.lng > pos.lng && this.se.lat < pos.lat && this.nw.lat > pos.lat;
   };
 
   Bounds.prototype.getIncludedPositions = function (positions) {
@@ -74,7 +78,7 @@ var Bounds = function () {
     for (var _i = 0, positions_1 = positions; _i < positions_1.length; _i++) {
       var pos = positions_1[_i];
 
-      if (!(this.nw.lat > pos.lat || this.se.lat < pos.lat || this.nw.lng > pos.lng || this.se.lng < pos.lng)) {
+      if (this.includesPosition(pos)) {
         result.push(pos);
       }
     }
@@ -88,7 +92,7 @@ var Bounds = function () {
     for (var _i = 0, positions_2 = positions; _i < positions_2.length; _i++) {
       var pos = positions_2[_i];
 
-      if (this.nw.lat > pos.lat || this.se.lat < pos.lat || this.nw.lng > pos.lng || this.se.lng < pos.lng) {
+      if (!this.includesPosition(pos)) {
         return false;
       }
     }
@@ -100,7 +104,7 @@ var Bounds = function () {
     for (var _i = 0, positions_3 = positions; _i < positions_3.length; _i++) {
       var pos = positions_3[_i];
 
-      if (!(this.nw.lat > pos.lat || this.se.lat < pos.lat || this.nw.lng > pos.lng || this.se.lng < pos.lng)) {
+      if (this.includesPosition(pos)) {
         return true;
       }
     }

package/dist/components/mint-map/core/MintMapController.d.ts

@@ -30,4 +30,6 @@ export declare abstract class MintMapController {
     buildUrl(baseUrl: string, param: {
         [key: string]: string | string[];
     }): string;
+    private processedTime;
+    checkBoundsChangeThrottleTime(): boolean;
 }

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

@@ -8,6 +8,7 @@ var MintMapController = function () {
   function MintMapController(props) {
     this.mapApiLoaded = false;
     this.mapInitialized = false;
+    this.processedTime = 0;
     this.mapProps = props;
   }
 
@@ -52,6 +53,18 @@ var MintMapController = function () {
     return "".concat(baseUrl, "?").concat(params);
   };
 
+  MintMapController.prototype.checkBoundsChangeThrottleTime = function () {
+    if (!this.mapProps.boundsChangeThrottlingTime) return true;
+    var time = new Date().getTime();
+
+    if (this.processedTime > 0 && time - this.processedTime < this.mapProps.boundsChangeThrottlingTime) {
+      return false;
+    } else {
+      this.processedTime = time;
+      return true;
+    }
+  };
+
   return MintMapController;
 }();
 

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

@@ -0,0 +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[] | Bounds[])[];

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

@@ -0,0 +1,139 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var MintMap = require('../../MintMap.js');
+
+var getClusterInfo = function (basePixelSize, mapBounds, mapWidth, mapHeight, itemList, sizeFunction) {
+  var _a;
+
+  var rowCount = Number((mapWidth / basePixelSize).toFixed(0)) || 1;
+  var colCount = Number((mapHeight / basePixelSize).toFixed(0)) || 1;
+  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 boundsList = [];
+  var boundsPos = [];
+  var tempX1, tempY1, tempX2, tempY2;
+
+  for (var i = 0; i < rowCount; i++) {
+    tempX1 = mapBounds.nw.lng + boundsLineSizeX * i;
+    tempX2 = mapBounds.nw.lng + boundsLineSizeX * (i + 1);
+    var rows = [];
+    boundsPos.push(rows);
+
+    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 includedList = thisBounds.getIncludedPositions(itemList);
+      rows.push({
+        bounds: thisBounds,
+        checked: false,
+        center: false,
+        centerPosition: thisBounds.getCenter(),
+        incList: [],
+        itemList: includedList,
+        size: basePixelSize
+      });
+      boundsList.push(thisBounds);
+    }
+  }
+
+  var centerList = [];
+  var totalItemCount = 0;
+  var min;
+  var max;
+
+  for (var i = 0; i < boundsPos.length; i++) {
+    for (var k = 0; k < boundsPos[i].length; k++) {
+      var curr = boundsPos[i][k];
+      if (curr.checked) continue;
+      curr.checked = true;
+      var incList = [];
+
+      if (boundsPos[i]) {
+        boundsPos[i][k - 1] && incList.push(boundsPos[i][k - 1]);
+        boundsPos[i][k + 1] && incList.push(boundsPos[i][k + 1]);
+      }
+
+      if (boundsPos[i - 1]) {
+        boundsPos[i - 1][k - 1] && incList.push(boundsPos[i - 1][k - 1]);
+        boundsPos[i - 1][k] && incList.push(boundsPos[i - 1][k]);
+        boundsPos[i - 1][k + 1] && incList.push(boundsPos[i - 1][k + 1]);
+      }
+
+      if (boundsPos[i + 1]) {
+        boundsPos[i + 1][k + 1] && incList.push(boundsPos[i + 1][k + 1]);
+        boundsPos[i + 1][k] && incList.push(boundsPos[i + 1][k]);
+        boundsPos[i + 1][k - 1] && incList.push(boundsPos[i + 1][k - 1]);
+      }
+
+      for (var _i = 0, incList_1 = incList; _i < incList_1.length; _i++) {
+        var inc = incList_1[_i];
+        if (inc.checked) continue;
+        inc.checked = true;
+
+        if (inc.itemList && inc.itemList.length > 0) {
+          curr.incList.push(inc);
+
+          (_a = curr.itemList).push.apply(_a, inc.itemList);
+
+          curr.center = true;
+        }
+      }
+
+      if (curr.center) {
+        centerList.push(curr);
+        var avrLat = calculateAverage(curr.itemList.map(function (item) {
+          return item.lat;
+        }));
+        var avrLng = calculateAverage(curr.itemList.map(function (item) {
+          return item.lng;
+        }));
+        curr.centerPosition = new MintMap.Position(avrLat, avrLng);
+        totalItemCount += curr.itemList.length;
+
+        if (!min || curr.itemList.length < min) {
+          min = curr.itemList.length;
+        }
+
+        if (!max || curr.itemList.length > max) {
+          max = curr.itemList.length;
+        }
+      }
+    }
+  }
+
+  var status = {
+    total: totalItemCount,
+    average: totalItemCount / centerList.length,
+    min: min,
+    max: max
+  };
+
+  sizeFunction = sizeFunction || function (info, status) {
+    var minSize = basePixelSize / 4;
+    var maxSize = basePixelSize;
+    return Math.min(Math.max(basePixelSize * info.itemList.length / status.average, minSize), maxSize);
+  };
+
+  for (var _b = 0, centerList_1 = centerList; _b < centerList_1.length; _b++) {
+    var center = centerList_1[_b];
+    center.size = sizeFunction(center, status);
+  }
+
+  return [centerList, boundsList];
+};
+
+var calculateAverage = function (nums) {
+  var sum = 0;
+
+  for (var _i = 0, nums_1 = nums; _i < nums_1.length; _i++) {
+    var num = nums_1[_i];
+    sum += num;
+  }
+
+  return Number((sum / nums.length).toFixed(7));
+};
+
+exports.getClusterInfo = getClusterInfo;

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

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

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

@@ -19,7 +19,7 @@ function MapPolygonWrapper(_a) {
   React.useEffect(function () {
     return function () {
       if (polygonRef.current) {
-        console.log('polygon cleared', controller.clearDrawable(polygonRef.current));
+        controller.clearDrawable(polygonRef.current);
       }
     };
   }, []);

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

@@ -19,7 +19,7 @@ function MapPolylineWrapper(_a) {
   React.useEffect(function () {
     return function () {
       if (polylineRef.current) {
-        console.log('polyline cleared', controller.clearDrawable(polylineRef.current));
+        controller.clearDrawable(polylineRef.current);
       }
     };
   }, []);

package/dist/components/mint-map/google/GoogleMintMapController.js

@@ -23,7 +23,13 @@ var GoogleMintMapController = function (_super) {
     _this.dragged = false;
 
     _this.destroyMap = function () {
-      console.log("".concat(_this.type, " map destroy feature is not supported"));
+      try {
+        _this.map && google.maps.event.clearInstanceListeners(_this.map);
+      } catch (e) {
+        console.log('google map destroy error', e);
+      }
+
+      console.log("".concat(_this.type, " map destroyed"));
     };
 
     console.log("".concat(_this.type, " controller loadded"));
@@ -137,6 +143,16 @@ var GoogleMintMapController = function (_super) {
   GoogleMintMapController.prototype.updatePolygon = function (polygon, options) {
     if (polygon && polygon.native && polygon.native instanceof google.maps.Polygon) {
       var polygonOption = this.getValidOptions(options);
+
+      if (this.map && Array.isArray(options.position)) {
+        var outLine = options.position.map(function (elem) {
+          return Array.isArray(elem) ? new MintMap.Position(elem[1], elem[0]) : elem;
+        });
+        var paths = [outLine];
+        options.innerPositions && paths.push.apply(paths, options.innerPositions);
+        polygonOption.paths = paths;
+      }
+
       polygon.native.setOptions(polygonOption);
     }
   };
@@ -368,18 +384,28 @@ var GoogleMintMapController = function (_super) {
                     minZoom: (_c = this.mapProps.base) === null || _c === void 0 ? void 0 : _c.minZoomLevel,
                     zoom: (_d = this.mapProps.base) === null || _d === void 0 ? void 0 : _d.zoomLevel,
                     disableDefaultUI: true,
-                    gestureHandling: 'greedy'
+                    gestureHandling: 'greedy',
+                    clickableIcons: false
                   });
                   map.addListener('idle', function () {
-                    _this.mapProps.onBoundsChanged && _this.mapProps.onBoundsChanged(_this.getCurrBounds());
+                    _this.checkBoundsChangeThrottleTime() && _this.mapProps.onBoundsChanged && _this.mapProps.onBoundsChanged(_this.getCurrBounds());
                   });
                   map.addListener('zoom_changed', function () {
                     _this.map && _this.mapProps.onZoomChanged && _this.mapProps.onZoomChanged(_this.map.getZoom());
                   });
                   map.addListener('click', function (e) {
+                    if (!_this.mapProps.onClick) return;
+                    var pos = new MintMap.Position(e.latLng.lat(), e.latLng.lng());
+                    pos.offset = new MintMap.Offset(e.pixel.x, e.pixel.y);
+
+                    _this.mapProps.onClick(pos);
+                  });
+                  map.addListener('mousemove', function (e) {
+                    if (!_this.mapProps.onMouseMove) return;
                     var pos = new MintMap.Position(e.latLng.lat(), e.latLng.lng());
                     pos.offset = new MintMap.Offset(e.pixel.x, e.pixel.y);
-                    _this.mapProps.onClick && _this.mapProps.onClick(pos);
+
+                    _this.mapProps.onMouseMove(pos);
                   });
                   this.map = map;
                   this.mapInitialized = true;

package/dist/components/mint-map/naver/NaverMintMapController.js

@@ -151,8 +151,18 @@ var NaverMintMapController = function (_super) {
 
   NaverMintMapController.prototype.updatePolygon = function (polygon, options) {
     if (polygon && polygon.native && polygon.native instanceof naver.maps.Polygon) {
+      var paths = void 0;
+
+      if (Array.isArray(options.position)) {
+        var outLine = options.position.map(function (elem) {
+          return Array.isArray(elem) ? new MintMap.Position(elem[1], elem[0]) : elem;
+        });
+        paths = [outLine];
+        options.innerPositions && paths.push.apply(paths, options.innerPositions);
+      }
+
       polygon.native.setOptions({
-        paths: polygon.native.getPaths(),
+        paths: paths || polygon.native.getPaths(),
         visible: options.visible === undefined || options.visible,
         strokeColor: options.lineColor,
         strokeWeight: options.lineSize,
@@ -416,17 +426,25 @@ var NaverMintMapController = function (_super) {
                       _this.dragged = true;
                     }
                   });
-                  map.addListener('idle', function () {
-                    _this.mapProps.onBoundsChanged && _this.mapProps.onBoundsChanged(_this.getCurrBounds());
+                  map.addListener('idle', function (e) {
+                    _this.map && _this.checkBoundsChangeThrottleTime() && _this.mapProps.onBoundsChanged && _this.mapProps.onBoundsChanged(_this.getCurrBounds());
                   });
                   map.addListener('zoom_changed', function () {
                     _this.map && _this.mapProps.onZoomChanged && _this.mapProps.onZoomChanged(_this.map.getZoom());
                   });
                   map.addListener('click', function (e) {
-                    console.log('map click', e);
+                    if (!_this.mapProps.onClick) return;
                     var pos = new MintMap.Position(e.coord.y, e.coord.x);
                     pos.offset = new MintMap.Offset(e.offset.x, e.offset.y);
-                    _this.mapProps.onClick && _this.mapProps.onClick(pos);
+
+                    _this.mapProps.onClick(pos);
+                  });
+                  map.addListener('mousemove', function (e) {
+                    if (!_this.mapProps.onMouseMove) return;
+                    var pos = new MintMap.Position(e.coord.y, e.coord.x);
+                    pos.offset = new MintMap.Offset(e.offset.x, e.offset.y);
+
+                    _this.mapProps.onMouseMove(pos);
                   });
                   this.map = map;
                   this.mapInitialized = true;
@@ -455,14 +473,14 @@ var NaverMintMapController = function (_super) {
   NaverMintMapController.prototype.destroyMap = function () {
     var _a;
 
-    console.log("".concat(this.type, " map destroyed"));
-
     try {
       this.map && this.map.destroy();
       (_a = this.markerPool) === null || _a === void 0 ? void 0 : _a.destroy();
     } catch (e) {
       console.log('naver map destroy error', e);
     }
+
+    console.log("".concat(this.type, " map destroyed"));
   };
 
   NaverMintMapController.prototype.getCurrBounds = function () {
@@ -471,7 +489,7 @@ var NaverMintMapController = function (_super) {
     }
 
     var bounds = this.map.getBounds();
-    return MintMap.Bounds.fromNWSE(new MintMap.Position(bounds.getMin().y, bounds.getMin().x), new MintMap.Position(bounds.getMax().y, bounds.getMax().x));
+    return MintMap.Bounds.fromNWSE(new MintMap.Position(bounds.getMax().y, bounds.getMin().x), new MintMap.Position(bounds.getMin().y, bounds.getMax().x));
   };
 
   NaverMintMapController.prototype.panningTo = function (targetCenter) {

package/dist/index.es.js

@@ -319,6 +319,7 @@ var MintMapController = function () {
   function MintMapController(props) {
     this.mapApiLoaded = false;
     this.mapInitialized = false;
+    this.processedTime = 0;
     this.mapProps = props;
   }
 
@@ -363,6 +364,18 @@ var MintMapController = function () {
     return "".concat(baseUrl, "?").concat(params);
   };
 
+  MintMapController.prototype.checkBoundsChangeThrottleTime = function () {
+    if (!this.mapProps.boundsChangeThrottlingTime) return true;
+    var time = new Date().getTime();
+
+    if (this.processedTime > 0 && time - this.processedTime < this.mapProps.boundsChangeThrottlingTime) {
+      return false;
+    } else {
+      this.processedTime = time;
+      return true;
+    }
+  };
+
   return MintMapController;
 }();
 
@@ -535,8 +548,18 @@ var NaverMintMapController = function (_super) {
 
   NaverMintMapController.prototype.updatePolygon = function (polygon, options) {
     if (polygon && polygon.native && polygon.native instanceof naver.maps.Polygon) {
+      var paths = void 0;
+
+      if (Array.isArray(options.position)) {
+        var outLine = options.position.map(function (elem) {
+          return Array.isArray(elem) ? new Position(elem[1], elem[0]) : elem;
+        });
+        paths = [outLine];
+        options.innerPositions && paths.push.apply(paths, options.innerPositions);
+      }
+
       polygon.native.setOptions({
-        paths: polygon.native.getPaths(),
+        paths: paths || polygon.native.getPaths(),
         visible: options.visible === undefined || options.visible,
         strokeColor: options.lineColor,
         strokeWeight: options.lineSize,
@@ -800,17 +823,25 @@ var NaverMintMapController = function (_super) {
                       _this.dragged = true;
                     }
                   });
-                  map.addListener('idle', function () {
-                    _this.mapProps.onBoundsChanged && _this.mapProps.onBoundsChanged(_this.getCurrBounds());
+                  map.addListener('idle', function (e) {
+                    _this.map && _this.checkBoundsChangeThrottleTime() && _this.mapProps.onBoundsChanged && _this.mapProps.onBoundsChanged(_this.getCurrBounds());
                   });
                   map.addListener('zoom_changed', function () {
                     _this.map && _this.mapProps.onZoomChanged && _this.mapProps.onZoomChanged(_this.map.getZoom());
                   });
                   map.addListener('click', function (e) {
-                    console.log('map click', e);
+                    if (!_this.mapProps.onClick) return;
                     var pos = new Position(e.coord.y, e.coord.x);
                     pos.offset = new Offset(e.offset.x, e.offset.y);
-                    _this.mapProps.onClick && _this.mapProps.onClick(pos);
+
+                    _this.mapProps.onClick(pos);
+                  });
+                  map.addListener('mousemove', function (e) {
+                    if (!_this.mapProps.onMouseMove) return;
+                    var pos = new Position(e.coord.y, e.coord.x);
+                    pos.offset = new Offset(e.offset.x, e.offset.y);
+
+                    _this.mapProps.onMouseMove(pos);
                   });
                   this.map = map;
                   this.mapInitialized = true;
@@ -839,14 +870,14 @@ var NaverMintMapController = function (_super) {
   NaverMintMapController.prototype.destroyMap = function () {
     var _a;
 
-    console.log("".concat(this.type, " map destroyed"));
-
     try {
       this.map && this.map.destroy();
       (_a = this.markerPool) === null || _a === void 0 ? void 0 : _a.destroy();
     } catch (e) {
       console.log('naver map destroy error', e);
     }
+
+    console.log("".concat(this.type, " map destroyed"));
   };
 
   NaverMintMapController.prototype.getCurrBounds = function () {
@@ -855,7 +886,7 @@ var NaverMintMapController = function (_super) {
     }
 
     var bounds = this.map.getBounds();
-    return Bounds.fromNWSE(new Position(bounds.getMin().y, bounds.getMin().x), new Position(bounds.getMax().y, bounds.getMax().x));
+    return Bounds.fromNWSE(new Position(bounds.getMax().y, bounds.getMin().x), new Position(bounds.getMin().y, bounds.getMax().x));
   };
 
   NaverMintMapController.prototype.panningTo = function (targetCenter) {
@@ -897,7 +928,13 @@ var GoogleMintMapController = function (_super) {
     _this.dragged = false;
 
     _this.destroyMap = function () {
-      console.log("".concat(_this.type, " map destroy feature is not supported"));
+      try {
+        _this.map && google.maps.event.clearInstanceListeners(_this.map);
+      } catch (e) {
+        console.log('google map destroy error', e);
+      }
+
+      console.log("".concat(_this.type, " map destroyed"));
     };
 
     console.log("".concat(_this.type, " controller loadded"));
@@ -1011,6 +1048,16 @@ var GoogleMintMapController = function (_super) {
   GoogleMintMapController.prototype.updatePolygon = function (polygon, options) {
     if (polygon && polygon.native && polygon.native instanceof google.maps.Polygon) {
       var polygonOption = this.getValidOptions(options);
+
+      if (this.map && Array.isArray(options.position)) {
+        var outLine = options.position.map(function (elem) {
+          return Array.isArray(elem) ? new Position(elem[1], elem[0]) : elem;
+        });
+        var paths = [outLine];
+        options.innerPositions && paths.push.apply(paths, options.innerPositions);
+        polygonOption.paths = paths;
+      }
+
       polygon.native.setOptions(polygonOption);
     }
   };
@@ -1242,18 +1289,28 @@ var GoogleMintMapController = function (_super) {
                     minZoom: (_c = this.mapProps.base) === null || _c === void 0 ? void 0 : _c.minZoomLevel,
                     zoom: (_d = this.mapProps.base) === null || _d === void 0 ? void 0 : _d.zoomLevel,
                     disableDefaultUI: true,
-                    gestureHandling: 'greedy'
+                    gestureHandling: 'greedy',
+                    clickableIcons: false
                   });
                   map.addListener('idle', function () {
-                    _this.mapProps.onBoundsChanged && _this.mapProps.onBoundsChanged(_this.getCurrBounds());
+                    _this.checkBoundsChangeThrottleTime() && _this.mapProps.onBoundsChanged && _this.mapProps.onBoundsChanged(_this.getCurrBounds());
                   });
                   map.addListener('zoom_changed', function () {
                     _this.map && _this.mapProps.onZoomChanged && _this.mapProps.onZoomChanged(_this.map.getZoom());
                   });
                   map.addListener('click', function (e) {
+                    if (!_this.mapProps.onClick) return;
                     var pos = new Position(e.latLng.lat(), e.latLng.lng());
                     pos.offset = new Offset(e.pixel.x, e.pixel.y);
-                    _this.mapProps.onClick && _this.mapProps.onClick(pos);
+
+                    _this.mapProps.onClick(pos);
+                  });
+                  map.addListener('mousemove', function (e) {
+                    if (!_this.mapProps.onMouseMove) return;
+                    var pos = new Position(e.latLng.lat(), e.latLng.lng());
+                    pos.offset = new Offset(e.pixel.x, e.pixel.y);
+
+                    _this.mapProps.onMouseMove(pos);
                   });
                   this.map = map;
                   this.mapInitialized = true;
@@ -1355,7 +1412,11 @@ var Bounds = function () {
   };
 
   Bounds.prototype.getCenter = function () {
-    return new Position(this.nw.lat + (this.se.lat - this.nw.lat) / 2, this.nw.lng + (this.se.lng - this.nw.lng) / 2);
+    return new Position(this.se.lat + (this.nw.lat - this.se.lat) / 2, this.nw.lng + (this.se.lng - this.nw.lng) / 2);
+  };
+
+  Bounds.prototype.includesPosition = function (pos) {
+    return this.nw.lng < pos.lng && this.se.lng > pos.lng && this.se.lat < pos.lat && this.nw.lat > pos.lat;
   };
 
   Bounds.prototype.getIncludedPositions = function (positions) {
@@ -1364,7 +1425,7 @@ var Bounds = function () {
     for (var _i = 0, positions_1 = positions; _i < positions_1.length; _i++) {
       var pos = positions_1[_i];
 
-      if (!(this.nw.lat > pos.lat || this.se.lat < pos.lat || this.nw.lng > pos.lng || this.se.lng < pos.lng)) {
+      if (this.includesPosition(pos)) {
         result.push(pos);
       }
     }
@@ -1378,7 +1439,7 @@ var Bounds = function () {
     for (var _i = 0, positions_2 = positions; _i < positions_2.length; _i++) {
       var pos = positions_2[_i];
 
-      if (this.nw.lat > pos.lat || this.se.lat < pos.lat || this.nw.lng > pos.lng || this.se.lng < pos.lng) {
+      if (!this.includesPosition(pos)) {
         return false;
       }
     }
@@ -1390,7 +1451,7 @@ var Bounds = function () {
     for (var _i = 0, positions_3 = positions; _i < positions_3.length; _i++) {
       var pos = positions_3[_i];
 
-      if (!(this.nw.lat > pos.lat || this.se.lat < pos.lat || this.nw.lng > pos.lng || this.se.lng < pos.lng)) {
+      if (this.includesPosition(pos)) {
         return true;
       }
     }
@@ -1930,7 +1991,7 @@ function MapPolygonWrapper(_a) {
   useEffect(function () {
     return function () {
       if (polygonRef.current) {
-        console.log('polygon cleared', controller.clearDrawable(polygonRef.current));
+        controller.clearDrawable(polygonRef.current);
       }
     };
   }, []);
@@ -2106,6 +2167,138 @@ function MapBuildingProjection(props) {
   }, "".concat(title, " (").concat(numberOfFloor, "\uCE35)")))));
 }
 
+var getClusterInfo = function (basePixelSize, mapBounds, mapWidth, mapHeight, itemList, sizeFunction) {
+  var _a;
+
+  var rowCount = Number((mapWidth / basePixelSize).toFixed(0)) || 1;
+  var colCount = Number((mapHeight / basePixelSize).toFixed(0)) || 1;
+  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 boundsList = [];
+  var boundsPos = [];
+  var tempX1, tempY1, tempX2, tempY2;
+
+  for (var i = 0; i < rowCount; i++) {
+    tempX1 = mapBounds.nw.lng + boundsLineSizeX * i;
+    tempX2 = mapBounds.nw.lng + boundsLineSizeX * (i + 1);
+    var rows = [];
+    boundsPos.push(rows);
+
+    for (var k = 0; k < colCount; k++) {
+      tempY2 = mapBounds.se.lat + boundsLineSizeY * k;
+      tempY1 = mapBounds.se.lat + boundsLineSizeY * (k + 1);
+      var thisBounds = Bounds.fromNWSE(new Position(tempY1, tempX1), new Position(tempY2, tempX2));
+      var includedList = thisBounds.getIncludedPositions(itemList);
+      rows.push({
+        bounds: thisBounds,
+        checked: false,
+        center: false,
+        centerPosition: thisBounds.getCenter(),
+        incList: [],
+        itemList: includedList,
+        size: basePixelSize
+      });
+      boundsList.push(thisBounds);
+    }
+  }
+
+  var centerList = [];
+  var totalItemCount = 0;
+  var min;
+  var max;
+
+  for (var i = 0; i < boundsPos.length; i++) {
+    for (var k = 0; k < boundsPos[i].length; k++) {
+      var curr = boundsPos[i][k];
+      if (curr.checked) continue;
+      curr.checked = true;
+      var incList = [];
+
+      if (boundsPos[i]) {
+        boundsPos[i][k - 1] && incList.push(boundsPos[i][k - 1]);
+        boundsPos[i][k + 1] && incList.push(boundsPos[i][k + 1]);
+      }
+
+      if (boundsPos[i - 1]) {
+        boundsPos[i - 1][k - 1] && incList.push(boundsPos[i - 1][k - 1]);
+        boundsPos[i - 1][k] && incList.push(boundsPos[i - 1][k]);
+        boundsPos[i - 1][k + 1] && incList.push(boundsPos[i - 1][k + 1]);
+      }
+
+      if (boundsPos[i + 1]) {
+        boundsPos[i + 1][k + 1] && incList.push(boundsPos[i + 1][k + 1]);
+        boundsPos[i + 1][k] && incList.push(boundsPos[i + 1][k]);
+        boundsPos[i + 1][k - 1] && incList.push(boundsPos[i + 1][k - 1]);
+      }
+
+      for (var _i = 0, incList_1 = incList; _i < incList_1.length; _i++) {
+        var inc = incList_1[_i];
+        if (inc.checked) continue;
+        inc.checked = true;
+
+        if (inc.itemList && inc.itemList.length > 0) {
+          curr.incList.push(inc);
+
+          (_a = curr.itemList).push.apply(_a, inc.itemList);
+
+          curr.center = true;
+        }
+      }
+
+      if (curr.center) {
+        centerList.push(curr);
+        var avrLat = calculateAverage(curr.itemList.map(function (item) {
+          return item.lat;
+        }));
+        var avrLng = calculateAverage(curr.itemList.map(function (item) {
+          return item.lng;
+        }));
+        curr.centerPosition = new Position(avrLat, avrLng);
+        totalItemCount += curr.itemList.length;
+
+        if (!min || curr.itemList.length < min) {
+          min = curr.itemList.length;
+        }
+
+        if (!max || curr.itemList.length > max) {
+          max = curr.itemList.length;
+        }
+      }
+    }
+  }
+
+  var status = {
+    total: totalItemCount,
+    average: totalItemCount / centerList.length,
+    min: min,
+    max: max
+  };
+
+  sizeFunction = sizeFunction || function (info, status) {
+    var minSize = basePixelSize / 4;
+    var maxSize = basePixelSize;
+    return Math.min(Math.max(basePixelSize * info.itemList.length / status.average, minSize), maxSize);
+  };
+
+  for (var _b = 0, centerList_1 = centerList; _b < centerList_1.length; _b++) {
+    var center = centerList_1[_b];
+    center.size = sizeFunction(center, status);
+  }
+
+  return [centerList, boundsList];
+};
+
+var calculateAverage = function (nums) {
+  var sum = 0;
+
+  for (var _i = 0, nums_1 = nums; _i < nums_1.length; _i++) {
+    var num = nums_1[_i];
+    sum += num;
+  }
+
+  return Number((sum / nums.length).toFixed(7));
+};
+
 var css_248z = ".MintMapWrapper-module_mint-map-control-wrapper__DDb4y {\n  position: absolute;\n  z-index: 101;\n}\n\n.MintMapWrapper-module_mint-map-overlay-wrapper__Jn4wV {\n  position: absolute;\n  z-index: 1;\n}";
 var styles = {"mint-map-control-wrapper":"MintMapWrapper-module_mint-map-control-wrapper__DDb4y","mint-map-overlay-wrapper":"MintMapWrapper-module_mint-map-overlay-wrapper__Jn4wV"};
 styleInject(css_248z);
@@ -2183,7 +2376,7 @@ function MapPolylineWrapper(_a) {
   useEffect(function () {
     return function () {
       if (polylineRef.current) {
-        console.log('polyline cleared', controller.clearDrawable(polylineRef.current));
+        controller.clearDrawable(polylineRef.current);
       }
     };
   }, []);
@@ -2202,4 +2395,4 @@ function MapPolylineWrapper(_a) {
   return React.createElement(React.Fragment, null, options && children);
 }
 
-export { AnimationPlayer, Bounds, Drawable, GeoCalulator, GoogleMintMapController, MapBuildingProjection, MapControlWrapper, MapMarkerWrapper, MapPolygonWrapper, MapPolylineWrapper, Marker, MintMap, MintMapController, MintMapCore, MintMapProvider, NaverMintMapController, Offset, Polygon, PolygonCalculator, Polyline, Position, useMarkerMoving, useMintMapController, waiting };
+export { AnimationPlayer, Bounds, Drawable, GeoCalulator, GoogleMintMapController, MapBuildingProjection, MapControlWrapper, MapMarkerWrapper, MapPolygonWrapper, MapPolylineWrapper, Marker, MintMap, MintMapController, MintMapCore, MintMapProvider, NaverMintMapController, Offset, Polygon, PolygonCalculator, Polyline, Position, getClusterInfo, useMarkerMoving, useMintMapController, waiting };

package/dist/index.js

@@ -11,6 +11,7 @@ var MintMapProvider = require('./components/mint-map/core/provider/MintMapProvid
 var animation = require('./components/mint-map/core/util/animation.js');
 var calculate = require('./components/mint-map/core/util/calculate.js');
 var waiting = require('./components/mint-map/core/util/waiting.js');
+var cluster = require('./components/mint-map/core/util/cluster.js');
 var MapControlWrapper = require('./components/mint-map/core/wrapper/MapControlWrapper.js');
 var MapMarkerWrapper = require('./components/mint-map/core/wrapper/MapMarkerWrapper.js');
 var MapPolygonWrapper = require('./components/mint-map/core/wrapper/MapPolygonWrapper.js');
@@ -38,6 +39,7 @@ exports.AnimationPlayer = animation.AnimationPlayer;
 exports.GeoCalulator = calculate.GeoCalulator;
 exports.PolygonCalculator = calculate.PolygonCalculator;
 exports.waiting = waiting.waiting;
+exports.getClusterInfo = cluster.getClusterInfo;
 exports.MapControlWrapper = MapControlWrapper.MapControlWrapper;
 exports.MapMarkerWrapper = MapMarkerWrapper.MapMarkerWrapper;
 exports.MapPolygonWrapper = MapPolygonWrapper.MapPolygonWrapper;

package/dist/index.umd.js

@@ -324,6 +324,7 @@
     function MintMapController(props) {
       this.mapApiLoaded = false;
       this.mapInitialized = false;
+      this.processedTime = 0;
       this.mapProps = props;
     }
 
@@ -368,6 +369,18 @@
       return "".concat(baseUrl, "?").concat(params);
     };
 
+    MintMapController.prototype.checkBoundsChangeThrottleTime = function () {
+      if (!this.mapProps.boundsChangeThrottlingTime) return true;
+      var time = new Date().getTime();
+
+      if (this.processedTime > 0 && time - this.processedTime < this.mapProps.boundsChangeThrottlingTime) {
+        return false;
+      } else {
+        this.processedTime = time;
+        return true;
+      }
+    };
+
     return MintMapController;
   }();
 
@@ -540,8 +553,18 @@
 
     NaverMintMapController.prototype.updatePolygon = function (polygon, options) {
       if (polygon && polygon.native && polygon.native instanceof naver.maps.Polygon) {
+        var paths = void 0;
+
+        if (Array.isArray(options.position)) {
+          var outLine = options.position.map(function (elem) {
+            return Array.isArray(elem) ? new Position(elem[1], elem[0]) : elem;
+          });
+          paths = [outLine];
+          options.innerPositions && paths.push.apply(paths, options.innerPositions);
+        }
+
         polygon.native.setOptions({
-          paths: polygon.native.getPaths(),
+          paths: paths || polygon.native.getPaths(),
           visible: options.visible === undefined || options.visible,
           strokeColor: options.lineColor,
           strokeWeight: options.lineSize,
@@ -805,17 +828,25 @@
                         _this.dragged = true;
                       }
                     });
-                    map.addListener('idle', function () {
-                      _this.mapProps.onBoundsChanged && _this.mapProps.onBoundsChanged(_this.getCurrBounds());
+                    map.addListener('idle', function (e) {
+                      _this.map && _this.checkBoundsChangeThrottleTime() && _this.mapProps.onBoundsChanged && _this.mapProps.onBoundsChanged(_this.getCurrBounds());
                     });
                     map.addListener('zoom_changed', function () {
                       _this.map && _this.mapProps.onZoomChanged && _this.mapProps.onZoomChanged(_this.map.getZoom());
                     });
                     map.addListener('click', function (e) {
-                      console.log('map click', e);
+                      if (!_this.mapProps.onClick) return;
                       var pos = new Position(e.coord.y, e.coord.x);
                       pos.offset = new Offset(e.offset.x, e.offset.y);
-                      _this.mapProps.onClick && _this.mapProps.onClick(pos);
+
+                      _this.mapProps.onClick(pos);
+                    });
+                    map.addListener('mousemove', function (e) {
+                      if (!_this.mapProps.onMouseMove) return;
+                      var pos = new Position(e.coord.y, e.coord.x);
+                      pos.offset = new Offset(e.offset.x, e.offset.y);
+
+                      _this.mapProps.onMouseMove(pos);
                     });
                     this.map = map;
                     this.mapInitialized = true;
@@ -844,14 +875,14 @@
     NaverMintMapController.prototype.destroyMap = function () {
       var _a;
 
-      console.log("".concat(this.type, " map destroyed"));
-
       try {
         this.map && this.map.destroy();
         (_a = this.markerPool) === null || _a === void 0 ? void 0 : _a.destroy();
       } catch (e) {
         console.log('naver map destroy error', e);
       }
+
+      console.log("".concat(this.type, " map destroyed"));
     };
 
     NaverMintMapController.prototype.getCurrBounds = function () {
@@ -860,7 +891,7 @@
       }
 
       var bounds = this.map.getBounds();
-      return Bounds.fromNWSE(new Position(bounds.getMin().y, bounds.getMin().x), new Position(bounds.getMax().y, bounds.getMax().x));
+      return Bounds.fromNWSE(new Position(bounds.getMax().y, bounds.getMin().x), new Position(bounds.getMin().y, bounds.getMax().x));
     };
 
     NaverMintMapController.prototype.panningTo = function (targetCenter) {
@@ -902,7 +933,13 @@
       _this.dragged = false;
 
       _this.destroyMap = function () {
-        console.log("".concat(_this.type, " map destroy feature is not supported"));
+        try {
+          _this.map && google.maps.event.clearInstanceListeners(_this.map);
+        } catch (e) {
+          console.log('google map destroy error', e);
+        }
+
+        console.log("".concat(_this.type, " map destroyed"));
       };
 
       console.log("".concat(_this.type, " controller loadded"));
@@ -1016,6 +1053,16 @@
     GoogleMintMapController.prototype.updatePolygon = function (polygon, options) {
       if (polygon && polygon.native && polygon.native instanceof google.maps.Polygon) {
         var polygonOption = this.getValidOptions(options);
+
+        if (this.map && Array.isArray(options.position)) {
+          var outLine = options.position.map(function (elem) {
+            return Array.isArray(elem) ? new Position(elem[1], elem[0]) : elem;
+          });
+          var paths = [outLine];
+          options.innerPositions && paths.push.apply(paths, options.innerPositions);
+          polygonOption.paths = paths;
+        }
+
         polygon.native.setOptions(polygonOption);
       }
     };
@@ -1247,18 +1294,28 @@
                       minZoom: (_c = this.mapProps.base) === null || _c === void 0 ? void 0 : _c.minZoomLevel,
                       zoom: (_d = this.mapProps.base) === null || _d === void 0 ? void 0 : _d.zoomLevel,
                       disableDefaultUI: true,
-                      gestureHandling: 'greedy'
+                      gestureHandling: 'greedy',
+                      clickableIcons: false
                     });
                     map.addListener('idle', function () {
-                      _this.mapProps.onBoundsChanged && _this.mapProps.onBoundsChanged(_this.getCurrBounds());
+                      _this.checkBoundsChangeThrottleTime() && _this.mapProps.onBoundsChanged && _this.mapProps.onBoundsChanged(_this.getCurrBounds());
                     });
                     map.addListener('zoom_changed', function () {
                       _this.map && _this.mapProps.onZoomChanged && _this.mapProps.onZoomChanged(_this.map.getZoom());
                     });
                     map.addListener('click', function (e) {
+                      if (!_this.mapProps.onClick) return;
                       var pos = new Position(e.latLng.lat(), e.latLng.lng());
                       pos.offset = new Offset(e.pixel.x, e.pixel.y);
-                      _this.mapProps.onClick && _this.mapProps.onClick(pos);
+
+                      _this.mapProps.onClick(pos);
+                    });
+                    map.addListener('mousemove', function (e) {
+                      if (!_this.mapProps.onMouseMove) return;
+                      var pos = new Position(e.latLng.lat(), e.latLng.lng());
+                      pos.offset = new Offset(e.pixel.x, e.pixel.y);
+
+                      _this.mapProps.onMouseMove(pos);
                     });
                     this.map = map;
                     this.mapInitialized = true;
@@ -1360,7 +1417,11 @@
     };
 
     Bounds.prototype.getCenter = function () {
-      return new Position(this.nw.lat + (this.se.lat - this.nw.lat) / 2, this.nw.lng + (this.se.lng - this.nw.lng) / 2);
+      return new Position(this.se.lat + (this.nw.lat - this.se.lat) / 2, this.nw.lng + (this.se.lng - this.nw.lng) / 2);
+    };
+
+    Bounds.prototype.includesPosition = function (pos) {
+      return this.nw.lng < pos.lng && this.se.lng > pos.lng && this.se.lat < pos.lat && this.nw.lat > pos.lat;
     };
 
     Bounds.prototype.getIncludedPositions = function (positions) {
@@ -1369,7 +1430,7 @@
       for (var _i = 0, positions_1 = positions; _i < positions_1.length; _i++) {
         var pos = positions_1[_i];
 
-        if (!(this.nw.lat > pos.lat || this.se.lat < pos.lat || this.nw.lng > pos.lng || this.se.lng < pos.lng)) {
+        if (this.includesPosition(pos)) {
           result.push(pos);
         }
       }
@@ -1383,7 +1444,7 @@
       for (var _i = 0, positions_2 = positions; _i < positions_2.length; _i++) {
         var pos = positions_2[_i];
 
-        if (this.nw.lat > pos.lat || this.se.lat < pos.lat || this.nw.lng > pos.lng || this.se.lng < pos.lng) {
+        if (!this.includesPosition(pos)) {
           return false;
         }
       }
@@ -1395,7 +1456,7 @@
       for (var _i = 0, positions_3 = positions; _i < positions_3.length; _i++) {
         var pos = positions_3[_i];
 
-        if (!(this.nw.lat > pos.lat || this.se.lat < pos.lat || this.nw.lng > pos.lng || this.se.lng < pos.lng)) {
+        if (this.includesPosition(pos)) {
           return true;
         }
       }
@@ -1935,7 +1996,7 @@
     React.useEffect(function () {
       return function () {
         if (polygonRef.current) {
-          console.log('polygon cleared', controller.clearDrawable(polygonRef.current));
+          controller.clearDrawable(polygonRef.current);
         }
       };
     }, []);
@@ -2111,6 +2172,138 @@
     }, "".concat(title, " (").concat(numberOfFloor, "\uCE35)")))));
   }
 
+  var getClusterInfo = function (basePixelSize, mapBounds, mapWidth, mapHeight, itemList, sizeFunction) {
+    var _a;
+
+    var rowCount = Number((mapWidth / basePixelSize).toFixed(0)) || 1;
+    var colCount = Number((mapHeight / basePixelSize).toFixed(0)) || 1;
+    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 boundsList = [];
+    var boundsPos = [];
+    var tempX1, tempY1, tempX2, tempY2;
+
+    for (var i = 0; i < rowCount; i++) {
+      tempX1 = mapBounds.nw.lng + boundsLineSizeX * i;
+      tempX2 = mapBounds.nw.lng + boundsLineSizeX * (i + 1);
+      var rows = [];
+      boundsPos.push(rows);
+
+      for (var k = 0; k < colCount; k++) {
+        tempY2 = mapBounds.se.lat + boundsLineSizeY * k;
+        tempY1 = mapBounds.se.lat + boundsLineSizeY * (k + 1);
+        var thisBounds = Bounds.fromNWSE(new Position(tempY1, tempX1), new Position(tempY2, tempX2));
+        var includedList = thisBounds.getIncludedPositions(itemList);
+        rows.push({
+          bounds: thisBounds,
+          checked: false,
+          center: false,
+          centerPosition: thisBounds.getCenter(),
+          incList: [],
+          itemList: includedList,
+          size: basePixelSize
+        });
+        boundsList.push(thisBounds);
+      }
+    }
+
+    var centerList = [];
+    var totalItemCount = 0;
+    var min;
+    var max;
+
+    for (var i = 0; i < boundsPos.length; i++) {
+      for (var k = 0; k < boundsPos[i].length; k++) {
+        var curr = boundsPos[i][k];
+        if (curr.checked) continue;
+        curr.checked = true;
+        var incList = [];
+
+        if (boundsPos[i]) {
+          boundsPos[i][k - 1] && incList.push(boundsPos[i][k - 1]);
+          boundsPos[i][k + 1] && incList.push(boundsPos[i][k + 1]);
+        }
+
+        if (boundsPos[i - 1]) {
+          boundsPos[i - 1][k - 1] && incList.push(boundsPos[i - 1][k - 1]);
+          boundsPos[i - 1][k] && incList.push(boundsPos[i - 1][k]);
+          boundsPos[i - 1][k + 1] && incList.push(boundsPos[i - 1][k + 1]);
+        }
+
+        if (boundsPos[i + 1]) {
+          boundsPos[i + 1][k + 1] && incList.push(boundsPos[i + 1][k + 1]);
+          boundsPos[i + 1][k] && incList.push(boundsPos[i + 1][k]);
+          boundsPos[i + 1][k - 1] && incList.push(boundsPos[i + 1][k - 1]);
+        }
+
+        for (var _i = 0, incList_1 = incList; _i < incList_1.length; _i++) {
+          var inc = incList_1[_i];
+          if (inc.checked) continue;
+          inc.checked = true;
+
+          if (inc.itemList && inc.itemList.length > 0) {
+            curr.incList.push(inc);
+
+            (_a = curr.itemList).push.apply(_a, inc.itemList);
+
+            curr.center = true;
+          }
+        }
+
+        if (curr.center) {
+          centerList.push(curr);
+          var avrLat = calculateAverage(curr.itemList.map(function (item) {
+            return item.lat;
+          }));
+          var avrLng = calculateAverage(curr.itemList.map(function (item) {
+            return item.lng;
+          }));
+          curr.centerPosition = new Position(avrLat, avrLng);
+          totalItemCount += curr.itemList.length;
+
+          if (!min || curr.itemList.length < min) {
+            min = curr.itemList.length;
+          }
+
+          if (!max || curr.itemList.length > max) {
+            max = curr.itemList.length;
+          }
+        }
+      }
+    }
+
+    var status = {
+      total: totalItemCount,
+      average: totalItemCount / centerList.length,
+      min: min,
+      max: max
+    };
+
+    sizeFunction = sizeFunction || function (info, status) {
+      var minSize = basePixelSize / 4;
+      var maxSize = basePixelSize;
+      return Math.min(Math.max(basePixelSize * info.itemList.length / status.average, minSize), maxSize);
+    };
+
+    for (var _b = 0, centerList_1 = centerList; _b < centerList_1.length; _b++) {
+      var center = centerList_1[_b];
+      center.size = sizeFunction(center, status);
+    }
+
+    return [centerList, boundsList];
+  };
+
+  var calculateAverage = function (nums) {
+    var sum = 0;
+
+    for (var _i = 0, nums_1 = nums; _i < nums_1.length; _i++) {
+      var num = nums_1[_i];
+      sum += num;
+    }
+
+    return Number((sum / nums.length).toFixed(7));
+  };
+
   var css_248z = ".MintMapWrapper-module_mint-map-control-wrapper__DDb4y {\n  position: absolute;\n  z-index: 101;\n}\n\n.MintMapWrapper-module_mint-map-overlay-wrapper__Jn4wV {\n  position: absolute;\n  z-index: 1;\n}";
   var styles = {"mint-map-control-wrapper":"MintMapWrapper-module_mint-map-control-wrapper__DDb4y","mint-map-overlay-wrapper":"MintMapWrapper-module_mint-map-overlay-wrapper__Jn4wV"};
   styleInject__default["default"](css_248z);
@@ -2188,7 +2381,7 @@
     React.useEffect(function () {
       return function () {
         if (polylineRef.current) {
-          console.log('polyline cleared', controller.clearDrawable(polylineRef.current));
+          controller.clearDrawable(polylineRef.current);
         }
       };
     }, []);
@@ -2228,6 +2421,7 @@
   exports.PolygonCalculator = PolygonCalculator;
   exports.Polyline = Polyline;
   exports.Position = Position;
+  exports.getClusterInfo = getClusterInfo;
   exports.useMarkerMoving = useMarkerMoving;
   exports.useMintMapController = useMintMapController;
   exports.waiting = waiting;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mint-ui/map",
-  "version": "0.2.1-beta",
+  "version": "0.3.1-beta",
   "main": "./dist/index.js",
   "module": "./dist/index.es.js",
   "browser": "./dist/index.umd.js",