@mint-ui/map 0.1.8-beta → 0.2.0-beta

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

@@ -11,6 +11,7 @@ export interface MintMapProps extends MintMapEvents {
     base?: BaseProps;
     visible?: boolean;
     markerCache?: boolean;
+    markerCachePoolSize?: number;
 }
 export interface MintMapEvents {
     onBoundsChanged?: (bounds: Bounds) => void;
@@ -35,7 +36,8 @@ export declare class Bounds {
     private covertNWSEtoNESW;
     private covertNESWtoNWSE;
     getCenter(): Position;
-    includes(positions: Position[]): boolean;
+    getIncludedPositions(positions: Position[]): Position[];
+    includes(positions: Position | Position[]): boolean;
     includesOnlyOnePoint(positions: Position[]): boolean;
     intersects(positions: Position[]): boolean;
 }

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

@@ -68,10 +68,26 @@ var Bounds = function () {
     return new Position(this.nw.lat + (this.se.lat - this.nw.lat) / 2, this.nw.lng + (this.se.lng - this.nw.lng) / 2);
   };
 
-  Bounds.prototype.includes = function (positions) {
+  Bounds.prototype.getIncludedPositions = function (positions) {
+    var result = [];
+
     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)) {
+        result.push(pos);
+      }
+    }
+
+    return result;
+  };
+
+  Bounds.prototype.includes = function (positions) {
+    positions = Array.isArray(positions) ? positions : [positions];
+
+    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) {
         return false;
       }
@@ -81,8 +97,8 @@ var Bounds = function () {
   };
 
   Bounds.prototype.includesOnlyOnePoint = function (positions) {
-    for (var _i = 0, positions_2 = positions; _i < positions_2.length; _i++) {
-      var pos = positions_2[_i];
+    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)) {
         return true;

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

@@ -2,7 +2,12 @@ import { Position } from "../../MintMap";
 export declare class PolygonCalculator {
     static getCenter(positions: Position[]): Position;
     static intersects(positions1: Position[], positions2: Position[]): boolean;
+    static getIncludedPositions(polygon: Position[], position: Position | Position[]): Position[];
+    private static convertPolygonToLinePoints;
     private static convertPositionToPoints;
+    private static getCrossPoint;
+    private static toFixedPosition;
+    private static getCrossPointAll;
     private static findCrossPoint;
 }
 export interface NextPositionContext {

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

@@ -66,22 +66,82 @@ var PolygonCalculator = function () {
     return false;
   };
 
+  PolygonCalculator.getIncludedPositions = function (polygon, position) {
+    var targets = Array.isArray(position) ? position : [position];
+    var result = [];
+    var maxX = Math.max.apply(Math, polygon.map(function (pos) {
+      return pos.lng;
+    })) + 1;
+    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);
+
+      if (crossPoints.length > 0 && crossPoints.length % 2 != 0) {
+        result.push(target);
+      }
+    }
+
+    return result;
+  };
+
+  PolygonCalculator.convertPolygonToLinePoints = function (polygon) {
+    var lines = [];
+
+    for (var i = 0; i < polygon.length; i++) {
+      lines.push(this.convertPositionToPoints(polygon[i], polygon[i + 1 === polygon.length ? 0 : i + 1]));
+    }
+
+    return lines;
+  };
+
   PolygonCalculator.convertPositionToPoints = function (pos1, pos2) {
     return new LinePoints(pos1.lng, pos1.lat, pos2.lng, pos2.lat);
   };
 
-  PolygonCalculator.findCrossPoint = function (sr, tr) {
+  PolygonCalculator.getCrossPoint = function (sr, tr) {
+    var p1 = (sr.x1 - sr.x2) * (tr.y1 - tr.y2) - (sr.y1 - sr.y2) * (tr.x1 - tr.x2);
+
+    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) {
+        return {
+          x: x,
+          y: y
+        };
+      }
+    }
+  };
+
+  PolygonCalculator.toFixedPosition = function (n) {
+    return Number(n.toFixed(15));
+  };
+
+  PolygonCalculator.getCrossPointAll = function (sr, tr) {
+    var result = [];
+
     for (var _i = 0, sr_1 = sr; _i < sr_1.length; _i++) {
       var tmp = sr_1[_i];
-      var p1 = (tmp.x1 - tmp.x2) * (tr.y1 - tr.y2) - (tmp.y1 - tmp.y2) * (tr.x1 - tr.x2);
+      var p = this.getCrossPoint(tmp, tr);
 
-      if (p1 != 0) {
-        var x = ((tmp.x1 * tmp.y2 - tmp.y1 * tmp.x2) * (tr.x1 - tr.x2) - (tmp.x1 - tmp.x2) * (tr.x1 * tr.y2 - tr.y1 * tr.x2)) / p1;
-        var y = ((tmp.x1 * tmp.y2 - tmp.y1 * tmp.x2) * (tr.y1 - tr.y2) - (tmp.y1 - tmp.y2) * (tr.x1 * tr.y2 - tr.y1 * tr.x2)) / p1;
+      if (p) {
+        result.push(p);
+      }
+    }
+
+    return result;
+  };
 
-        if ((x - tmp.x1) * (x - tmp.x2) <= 0 && (y - tmp.y1) * (y - tmp.y2) <= 0 && (x - tr.x1) * (x - tr.x2) <= 0 && (y - tr.y1) * (y - tr.y2) <= 0) {
-          return true;
-        }
+  PolygonCalculator.findCrossPoint = function (sr, tr) {
+    for (var _i = 0, sr_2 = sr; _i < sr_2.length; _i++) {
+      var tmp = sr_2[_i];
+
+      if (this.getCrossPoint(tmp, tr)) {
+        return true;
       }
     }
 

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

@@ -100,7 +100,7 @@ function MapMarkerWrapper(_a) {
           divCloneRef.current && divCloneRef.current.removeEventListener('animationend', aniListener_1);
 
           if (markerRef.current) {
-            console.log('drawable cleared', controller.clearDrawable(markerRef.current));
+            controller.clearDrawable(markerRef.current);
           }
 
           divCloneRef.current = undefined;
@@ -113,7 +113,7 @@ function MapMarkerWrapper(_a) {
         divElement.removeEventListener('mouseover', onMouseOverHandler);
 
         if (markerRef.current) {
-          console.log('drawable cleared', controller.clearDrawable(markerRef.current));
+          controller.clearDrawable(markerRef.current);
         }
       }
     };

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

@@ -361,7 +361,7 @@ var GoogleMintMapController = function (_super) {
 
                 case 2:
                   map = new google.maps.Map(divElement, {
-                    mapId: this.mapProps.mapId,
+                    mapId: this.mapProps.mapId || 'TEMP_MAP_ID',
                     center: (_a = this.mapProps.base) === null || _a === void 0 ? void 0 : _a.center,
                     maxZoom: (_b = this.mapProps.base) === null || _b === void 0 ? void 0 : _b.maxZoomLevel,
                     minZoom: (_c = this.mapProps.base) === null || _c === void 0 ? void 0 : _c.minZoomLevel,
@@ -369,17 +369,13 @@ var GoogleMintMapController = function (_super) {
                     disableDefaultUI: true,
                     gestureHandling: 'greedy'
                   });
-                  map.addListener('dragend', function () {
-                    console.log('map dragend');
+                  map.addListener('idle', function () {
                     _this.mapProps.onBoundsChanged && _this.mapProps.onBoundsChanged(_this.getCurrBounds());
                   });
                   map.addListener('zoom_changed', function () {
-                    console.log('zoom_changed');
                     _this.map && _this.mapProps.onZoomChanged && _this.mapProps.onZoomChanged(_this.map.getZoom());
-                    _this.mapProps.onBoundsChanged && _this.mapProps.onBoundsChanged(_this.getCurrBounds());
                   });
                   map.addListener('click', function (e) {
-                    console.log('map click', e);
                     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);

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

@@ -38,7 +38,7 @@ var NaverMintMapController = function (_super) {
       });
     }).setClear(function (item) {
       item.setMap(null);
-    }).createPool(1000).setCheckLiveTimeInterval(1000);
+    }).createPool(this.mapProps.markerCachePoolSize && this.mapProps.markerCachePoolSize > 0 ? this.mapProps.markerCachePoolSize : 1000).setCheckLiveTimeInterval(1000);
   };
 
   NaverMintMapController.prototype.createPolyline = function (polyline) {
@@ -414,12 +414,12 @@ var NaverMintMapController = function (_super) {
                     } else {
                       _this.dragged = true;
                     }
-
+                  });
+                  map.addListener('idle', function () {
                     _this.mapProps.onBoundsChanged && _this.mapProps.onBoundsChanged(_this.getCurrBounds());
                   });
                   map.addListener('zoom_changed', function () {
                     _this.map && _this.mapProps.onZoomChanged && _this.mapProps.onZoomChanged(_this.map.getZoom());
-                    _this.mapProps.onBoundsChanged && _this.mapProps.onBoundsChanged(_this.getCurrBounds());
                   });
                   map.addListener('click', function (e) {
                     console.log('map click', e);

package/dist/index.es.js

@@ -158,22 +158,82 @@ var PolygonCalculator = function () {
     return false;
   };
 
+  PolygonCalculator.getIncludedPositions = function (polygon, position) {
+    var targets = Array.isArray(position) ? position : [position];
+    var result = [];
+    var maxX = Math.max.apply(Math, polygon.map(function (pos) {
+      return pos.lng;
+    })) + 1;
+    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 Position(target.lat, maxX));
+      var crossPoints = this.getCrossPointAll(lines, tempLine);
+
+      if (crossPoints.length > 0 && crossPoints.length % 2 != 0) {
+        result.push(target);
+      }
+    }
+
+    return result;
+  };
+
+  PolygonCalculator.convertPolygonToLinePoints = function (polygon) {
+    var lines = [];
+
+    for (var i = 0; i < polygon.length; i++) {
+      lines.push(this.convertPositionToPoints(polygon[i], polygon[i + 1 === polygon.length ? 0 : i + 1]));
+    }
+
+    return lines;
+  };
+
   PolygonCalculator.convertPositionToPoints = function (pos1, pos2) {
     return new LinePoints(pos1.lng, pos1.lat, pos2.lng, pos2.lat);
   };
 
-  PolygonCalculator.findCrossPoint = function (sr, tr) {
+  PolygonCalculator.getCrossPoint = function (sr, tr) {
+    var p1 = (sr.x1 - sr.x2) * (tr.y1 - tr.y2) - (sr.y1 - sr.y2) * (tr.x1 - tr.x2);
+
+    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) {
+        return {
+          x: x,
+          y: y
+        };
+      }
+    }
+  };
+
+  PolygonCalculator.toFixedPosition = function (n) {
+    return Number(n.toFixed(15));
+  };
+
+  PolygonCalculator.getCrossPointAll = function (sr, tr) {
+    var result = [];
+
     for (var _i = 0, sr_1 = sr; _i < sr_1.length; _i++) {
       var tmp = sr_1[_i];
-      var p1 = (tmp.x1 - tmp.x2) * (tr.y1 - tr.y2) - (tmp.y1 - tmp.y2) * (tr.x1 - tr.x2);
+      var p = this.getCrossPoint(tmp, tr);
 
-      if (p1 != 0) {
-        var x = ((tmp.x1 * tmp.y2 - tmp.y1 * tmp.x2) * (tr.x1 - tr.x2) - (tmp.x1 - tmp.x2) * (tr.x1 * tr.y2 - tr.y1 * tr.x2)) / p1;
-        var y = ((tmp.x1 * tmp.y2 - tmp.y1 * tmp.x2) * (tr.y1 - tr.y2) - (tmp.y1 - tmp.y2) * (tr.x1 * tr.y2 - tr.y1 * tr.x2)) / p1;
+      if (p) {
+        result.push(p);
+      }
+    }
 
-        if ((x - tmp.x1) * (x - tmp.x2) <= 0 && (y - tmp.y1) * (y - tmp.y2) <= 0 && (x - tr.x1) * (x - tr.x2) <= 0 && (y - tr.y1) * (y - tr.y2) <= 0) {
-          return true;
-        }
+    return result;
+  };
+
+  PolygonCalculator.findCrossPoint = function (sr, tr) {
+    for (var _i = 0, sr_2 = sr; _i < sr_2.length; _i++) {
+      var tmp = sr_2[_i];
+
+      if (this.getCrossPoint(tmp, tr)) {
+        return true;
       }
     }
 
@@ -362,7 +422,7 @@ var NaverMintMapController = function (_super) {
       });
     }).setClear(function (item) {
       item.setMap(null);
-    }).createPool(1000).setCheckLiveTimeInterval(1000);
+    }).createPool(this.mapProps.markerCachePoolSize && this.mapProps.markerCachePoolSize > 0 ? this.mapProps.markerCachePoolSize : 1000).setCheckLiveTimeInterval(1000);
   };
 
   NaverMintMapController.prototype.createPolyline = function (polyline) {
@@ -738,12 +798,12 @@ var NaverMintMapController = function (_super) {
                     } else {
                       _this.dragged = true;
                     }
-
+                  });
+                  map.addListener('idle', function () {
                     _this.mapProps.onBoundsChanged && _this.mapProps.onBoundsChanged(_this.getCurrBounds());
                   });
                   map.addListener('zoom_changed', function () {
                     _this.map && _this.mapProps.onZoomChanged && _this.mapProps.onZoomChanged(_this.map.getZoom());
-                    _this.mapProps.onBoundsChanged && _this.mapProps.onBoundsChanged(_this.getCurrBounds());
                   });
                   map.addListener('click', function (e) {
                     console.log('map click', e);
@@ -1174,7 +1234,7 @@ var GoogleMintMapController = function (_super) {
 
                 case 2:
                   map = new google.maps.Map(divElement, {
-                    mapId: this.mapProps.mapId,
+                    mapId: this.mapProps.mapId || 'TEMP_MAP_ID',
                     center: (_a = this.mapProps.base) === null || _a === void 0 ? void 0 : _a.center,
                     maxZoom: (_b = this.mapProps.base) === null || _b === void 0 ? void 0 : _b.maxZoomLevel,
                     minZoom: (_c = this.mapProps.base) === null || _c === void 0 ? void 0 : _c.minZoomLevel,
@@ -1182,17 +1242,13 @@ var GoogleMintMapController = function (_super) {
                     disableDefaultUI: true,
                     gestureHandling: 'greedy'
                   });
-                  map.addListener('dragend', function () {
-                    console.log('map dragend');
+                  map.addListener('idle', function () {
                     _this.mapProps.onBoundsChanged && _this.mapProps.onBoundsChanged(_this.getCurrBounds());
                   });
                   map.addListener('zoom_changed', function () {
-                    console.log('zoom_changed');
                     _this.map && _this.mapProps.onZoomChanged && _this.mapProps.onZoomChanged(_this.map.getZoom());
-                    _this.mapProps.onBoundsChanged && _this.mapProps.onBoundsChanged(_this.getCurrBounds());
                   });
                   map.addListener('click', function (e) {
-                    console.log('map click', e);
                     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);
@@ -1300,10 +1356,26 @@ var Bounds = function () {
     return new Position(this.nw.lat + (this.se.lat - this.nw.lat) / 2, this.nw.lng + (this.se.lng - this.nw.lng) / 2);
   };
 
-  Bounds.prototype.includes = function (positions) {
+  Bounds.prototype.getIncludedPositions = function (positions) {
+    var result = [];
+
     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)) {
+        result.push(pos);
+      }
+    }
+
+    return result;
+  };
+
+  Bounds.prototype.includes = function (positions) {
+    positions = Array.isArray(positions) ? positions : [positions];
+
+    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) {
         return false;
       }
@@ -1313,8 +1385,8 @@ var Bounds = function () {
   };
 
   Bounds.prototype.includesOnlyOnePoint = function (positions) {
-    for (var _i = 0, positions_2 = positions; _i < positions_2.length; _i++) {
-      var pos = positions_2[_i];
+    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)) {
         return true;
@@ -1784,7 +1856,7 @@ function MapMarkerWrapper(_a) {
           divCloneRef.current && divCloneRef.current.removeEventListener('animationend', aniListener_1);
 
           if (markerRef.current) {
-            console.log('drawable cleared', controller.clearDrawable(markerRef.current));
+            controller.clearDrawable(markerRef.current);
           }
 
           divCloneRef.current = undefined;
@@ -1797,7 +1869,7 @@ function MapMarkerWrapper(_a) {
         divElement.removeEventListener('mouseover', onMouseOverHandler);
 
         if (markerRef.current) {
-          console.log('drawable cleared', controller.clearDrawable(markerRef.current));
+          controller.clearDrawable(markerRef.current);
         }
       }
     };

package/dist/index.umd.js

@@ -163,22 +163,82 @@
       return false;
     };
 
+    PolygonCalculator.getIncludedPositions = function (polygon, position) {
+      var targets = Array.isArray(position) ? position : [position];
+      var result = [];
+      var maxX = Math.max.apply(Math, polygon.map(function (pos) {
+        return pos.lng;
+      })) + 1;
+      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 Position(target.lat, maxX));
+        var crossPoints = this.getCrossPointAll(lines, tempLine);
+
+        if (crossPoints.length > 0 && crossPoints.length % 2 != 0) {
+          result.push(target);
+        }
+      }
+
+      return result;
+    };
+
+    PolygonCalculator.convertPolygonToLinePoints = function (polygon) {
+      var lines = [];
+
+      for (var i = 0; i < polygon.length; i++) {
+        lines.push(this.convertPositionToPoints(polygon[i], polygon[i + 1 === polygon.length ? 0 : i + 1]));
+      }
+
+      return lines;
+    };
+
     PolygonCalculator.convertPositionToPoints = function (pos1, pos2) {
       return new LinePoints(pos1.lng, pos1.lat, pos2.lng, pos2.lat);
     };
 
-    PolygonCalculator.findCrossPoint = function (sr, tr) {
+    PolygonCalculator.getCrossPoint = function (sr, tr) {
+      var p1 = (sr.x1 - sr.x2) * (tr.y1 - tr.y2) - (sr.y1 - sr.y2) * (tr.x1 - tr.x2);
+
+      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) {
+          return {
+            x: x,
+            y: y
+          };
+        }
+      }
+    };
+
+    PolygonCalculator.toFixedPosition = function (n) {
+      return Number(n.toFixed(15));
+    };
+
+    PolygonCalculator.getCrossPointAll = function (sr, tr) {
+      var result = [];
+
       for (var _i = 0, sr_1 = sr; _i < sr_1.length; _i++) {
         var tmp = sr_1[_i];
-        var p1 = (tmp.x1 - tmp.x2) * (tr.y1 - tr.y2) - (tmp.y1 - tmp.y2) * (tr.x1 - tr.x2);
+        var p = this.getCrossPoint(tmp, tr);
 
-        if (p1 != 0) {
-          var x = ((tmp.x1 * tmp.y2 - tmp.y1 * tmp.x2) * (tr.x1 - tr.x2) - (tmp.x1 - tmp.x2) * (tr.x1 * tr.y2 - tr.y1 * tr.x2)) / p1;
-          var y = ((tmp.x1 * tmp.y2 - tmp.y1 * tmp.x2) * (tr.y1 - tr.y2) - (tmp.y1 - tmp.y2) * (tr.x1 * tr.y2 - tr.y1 * tr.x2)) / p1;
+        if (p) {
+          result.push(p);
+        }
+      }
 
-          if ((x - tmp.x1) * (x - tmp.x2) <= 0 && (y - tmp.y1) * (y - tmp.y2) <= 0 && (x - tr.x1) * (x - tr.x2) <= 0 && (y - tr.y1) * (y - tr.y2) <= 0) {
-            return true;
-          }
+      return result;
+    };
+
+    PolygonCalculator.findCrossPoint = function (sr, tr) {
+      for (var _i = 0, sr_2 = sr; _i < sr_2.length; _i++) {
+        var tmp = sr_2[_i];
+
+        if (this.getCrossPoint(tmp, tr)) {
+          return true;
         }
       }
 
@@ -367,7 +427,7 @@
         });
       }).setClear(function (item) {
         item.setMap(null);
-      }).createPool(1000).setCheckLiveTimeInterval(1000);
+      }).createPool(this.mapProps.markerCachePoolSize && this.mapProps.markerCachePoolSize > 0 ? this.mapProps.markerCachePoolSize : 1000).setCheckLiveTimeInterval(1000);
     };
 
     NaverMintMapController.prototype.createPolyline = function (polyline) {
@@ -743,12 +803,12 @@
                       } else {
                         _this.dragged = true;
                       }
-
+                    });
+                    map.addListener('idle', function () {
                       _this.mapProps.onBoundsChanged && _this.mapProps.onBoundsChanged(_this.getCurrBounds());
                     });
                     map.addListener('zoom_changed', function () {
                       _this.map && _this.mapProps.onZoomChanged && _this.mapProps.onZoomChanged(_this.map.getZoom());
-                      _this.mapProps.onBoundsChanged && _this.mapProps.onBoundsChanged(_this.getCurrBounds());
                     });
                     map.addListener('click', function (e) {
                       console.log('map click', e);
@@ -1179,7 +1239,7 @@
 
                   case 2:
                     map = new google.maps.Map(divElement, {
-                      mapId: this.mapProps.mapId,
+                      mapId: this.mapProps.mapId || 'TEMP_MAP_ID',
                       center: (_a = this.mapProps.base) === null || _a === void 0 ? void 0 : _a.center,
                       maxZoom: (_b = this.mapProps.base) === null || _b === void 0 ? void 0 : _b.maxZoomLevel,
                       minZoom: (_c = this.mapProps.base) === null || _c === void 0 ? void 0 : _c.minZoomLevel,
@@ -1187,17 +1247,13 @@
                       disableDefaultUI: true,
                       gestureHandling: 'greedy'
                     });
-                    map.addListener('dragend', function () {
-                      console.log('map dragend');
+                    map.addListener('idle', function () {
                       _this.mapProps.onBoundsChanged && _this.mapProps.onBoundsChanged(_this.getCurrBounds());
                     });
                     map.addListener('zoom_changed', function () {
-                      console.log('zoom_changed');
                       _this.map && _this.mapProps.onZoomChanged && _this.mapProps.onZoomChanged(_this.map.getZoom());
-                      _this.mapProps.onBoundsChanged && _this.mapProps.onBoundsChanged(_this.getCurrBounds());
                     });
                     map.addListener('click', function (e) {
-                      console.log('map click', e);
                       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);
@@ -1305,10 +1361,26 @@
       return new Position(this.nw.lat + (this.se.lat - this.nw.lat) / 2, this.nw.lng + (this.se.lng - this.nw.lng) / 2);
     };
 
-    Bounds.prototype.includes = function (positions) {
+    Bounds.prototype.getIncludedPositions = function (positions) {
+      var result = [];
+
       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)) {
+          result.push(pos);
+        }
+      }
+
+      return result;
+    };
+
+    Bounds.prototype.includes = function (positions) {
+      positions = Array.isArray(positions) ? positions : [positions];
+
+      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) {
           return false;
         }
@@ -1318,8 +1390,8 @@
     };
 
     Bounds.prototype.includesOnlyOnePoint = function (positions) {
-      for (var _i = 0, positions_2 = positions; _i < positions_2.length; _i++) {
-        var pos = positions_2[_i];
+      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)) {
           return true;
@@ -1789,7 +1861,7 @@
             divCloneRef.current && divCloneRef.current.removeEventListener('animationend', aniListener_1);
 
             if (markerRef.current) {
-              console.log('drawable cleared', controller.clearDrawable(markerRef.current));
+              controller.clearDrawable(markerRef.current);
             }
 
             divCloneRef.current = undefined;
@@ -1802,7 +1874,7 @@
           divElement.removeEventListener('mouseover', onMouseOverHandler);
 
           if (markerRef.current) {
-            console.log('drawable cleared', controller.clearDrawable(markerRef.current));
+            controller.clearDrawable(markerRef.current);
           }
         }
       };

package/package.json

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