@mint-ui/map 0.7.1-beta → 0.7.3-beta

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

@@ -62,5 +62,6 @@ export declare abstract class MintMapController {
     checkBoundsChangeThrottleTime(): boolean;
     getBaseToMapZoom(zoomBase: number): number;
     getMapToBaseZoom(mapZoom: number): number;
+    focusPositionsToFitViewport(positions: Position[]): void;
     printStatus(): void;
 }

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

@@ -7,7 +7,7 @@ var uuid = require('uuid');
 var MapTypes = require('../types/MapTypes.js');
 require('./util/animation.js');
 require('./util/geo.js');
-require('./util/polygon.js');
+var polygon = require('./util/polygon.js');
 var status = require('./util/status.js');
 
 var MintMapController =
@@ -172,6 +172,58 @@ function () {
     throw new Error("[getMapToBaseZoom][".concat(mapZoom, "] is not valid zoom level"));
   };
 
+  MintMapController.prototype.focusPositionsToFitViewport = function (positions) {
+    var map = this; // positions 바운더리 구하기
+
+    var markerBounds = polygon.PolygonCalculator.getRegionInfo(positions);
+
+    if (!markerBounds.centerLat || !markerBounds.centerLng || !markerBounds.minLat || !markerBounds.maxLat || !markerBounds.minLng || !markerBounds.maxLng) {
+      return;
+    } // 이동해야할 센터 좌표
+
+
+    var toCenter = new MapTypes.Position(markerBounds.centerLat, markerBounds.centerLng); // 센터로 이동
+
+    map.setCenter(toCenter); // positions 바운더리의 폴리곤 값
+
+    var markerBoundsToPolygon = [new MapTypes.Position(markerBounds.minLat, markerBounds.minLng), new MapTypes.Position(markerBounds.minLat, markerBounds.maxLng), new MapTypes.Position(markerBounds.maxLat, markerBounds.maxLng), new MapTypes.Position(markerBounds.maxLat, markerBounds.minLng)]; // 적정 줌레벨 구하기
+
+    var zoomLevelResult = map.getZoomLevel();
+    var currZoomLevel = zoomLevelResult;
+    var iterCnt = 0;
+    var direction = undefined;
+
+    while (iterCnt < 23) {
+      //최대 줌레벨 갯수 만큼만 반복...
+      iterCnt += 1; // 줌 레벨 변경
+
+      map.setZoomLevel(currZoomLevel); // 현재 바운더리 구하기
+
+      var mapBounds = map.getCurrBounds(); // 현재 맵에 바운더리 포함된다면 줌레벨 더해서 반복 체크
+
+      if (mapBounds.includes(markerBoundsToPolygon)) {
+        if (direction === '-') {
+          // 직전에 이미 빼고있는 상태였다면 여기서 종료
+          break;
+        }
+
+        direction = '+';
+        currZoomLevel += 1;
+      } else {
+        // 포함되지 않으면
+        if (direction === '+') {
+          // 직전에 이미 더한 상태였다면 직전 줌레벨로 종료
+          currZoomLevel -= 1;
+          map.setZoomLevel(currZoomLevel);
+          break;
+        } else {
+          direction = '-';
+          currZoomLevel -= 1;
+        }
+      }
+    }
+  };
+
   MintMapController.prototype.printStatus = function () {
     status.Status.print();
   };

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

@@ -6,6 +6,7 @@ export interface MapControlWrapperProps {
     height?: string | number;
     positionHorizontal?: AlignHorizontal;
     positionVertical?: AlignVertical;
+    disablePointerEvent?: boolean;
 }
 /**
  * Mint Map 컴포넌트
@@ -14,5 +15,5 @@ export interface MapControlWrapperProps {
  *
  * @returns {JSX.Element} JSX
  */
-export declare function MapControlWrapper({ width, height, positionHorizontal, positionVertical, children }: PropsWithChildren<MapControlWrapperProps>): JSX.Element;
+export declare function MapControlWrapper({ width, height, positionHorizontal, positionVertical, disablePointerEvent, children }: PropsWithChildren<MapControlWrapperProps>): JSX.Element;
 export {};

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

@@ -29,6 +29,7 @@ function MapControlWrapper(_a) {
       positionHorizontal = _d === void 0 ? 'left' : _d,
       _e = _a.positionVertical,
       positionVertical = _e === void 0 ? 'top' : _e,
+      disablePointerEvent = _a.disablePointerEvent,
       children = _a.children;
   return React__default["default"].createElement("div", {
     className: cn('mint-map-control-wrapper-container'),
@@ -40,7 +41,8 @@ function MapControlWrapper(_a) {
     className: cn('mint-map-control-wrapper'),
     style: {
       width: width,
-      height: height
+      height: height,
+      pointerEvents: disablePointerEvent === true ? 'none' : 'auto'
     }
   }, children));
 }

package/dist/components/mint-map/core/wrapper/MintMapWrapper.module.scss.js

@@ -6,8 +6,8 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var styleInject__default = /*#__PURE__*/_interopDefaultLegacy(styleInject);
 
-var css_248z = ".MintMapWrapper-module_mint-map-control-wrapper-container__DONh7 {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  pointer-events: none;\n  z-index: 101;\n}\n\n.MintMapWrapper-module_mint-map-control-wrapper__DDb4y {\n  pointer-events: auto;\n}\n\n.MintMapWrapper-module_mint-map-overlay-wrapper__Jn4wV {\n  position: absolute;\n  z-index: 1;\n}";
-var styles = {"mint-map-control-wrapper-container":"MintMapWrapper-module_mint-map-control-wrapper-container__DONh7","mint-map-control-wrapper":"MintMapWrapper-module_mint-map-control-wrapper__DDb4y","mint-map-overlay-wrapper":"MintMapWrapper-module_mint-map-overlay-wrapper__Jn4wV"};
+var css_248z = ".MintMapWrapper-module_mint-map-control-wrapper-container__DONh7 {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  pointer-events: none;\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-container":"MintMapWrapper-module_mint-map-control-wrapper-container__DONh7","mint-map-overlay-wrapper":"MintMapWrapper-module_mint-map-overlay-wrapper__Jn4wV"};
 styleInject__default["default"](css_248z);
 
 module.exports = styles;

package/dist/index.es.js

@@ -1197,6 +1197,58 @@ function () {
     throw new Error("[getMapToBaseZoom][".concat(mapZoom, "] is not valid zoom level"));
   };
 
+  MintMapController.prototype.focusPositionsToFitViewport = function (positions) {
+    var map = this; // positions 바운더리 구하기
+
+    var markerBounds = PolygonCalculator.getRegionInfo(positions);
+
+    if (!markerBounds.centerLat || !markerBounds.centerLng || !markerBounds.minLat || !markerBounds.maxLat || !markerBounds.minLng || !markerBounds.maxLng) {
+      return;
+    } // 이동해야할 센터 좌표
+
+
+    var toCenter = new Position(markerBounds.centerLat, markerBounds.centerLng); // 센터로 이동
+
+    map.setCenter(toCenter); // positions 바운더리의 폴리곤 값
+
+    var markerBoundsToPolygon = [new Position(markerBounds.minLat, markerBounds.minLng), new Position(markerBounds.minLat, markerBounds.maxLng), new Position(markerBounds.maxLat, markerBounds.maxLng), new Position(markerBounds.maxLat, markerBounds.minLng)]; // 적정 줌레벨 구하기
+
+    var zoomLevelResult = map.getZoomLevel();
+    var currZoomLevel = zoomLevelResult;
+    var iterCnt = 0;
+    var direction = undefined;
+
+    while (iterCnt < 23) {
+      //최대 줌레벨 갯수 만큼만 반복...
+      iterCnt += 1; // 줌 레벨 변경
+
+      map.setZoomLevel(currZoomLevel); // 현재 바운더리 구하기
+
+      var mapBounds = map.getCurrBounds(); // 현재 맵에 바운더리 포함된다면 줌레벨 더해서 반복 체크
+
+      if (mapBounds.includes(markerBoundsToPolygon)) {
+        if (direction === '-') {
+          // 직전에 이미 빼고있는 상태였다면 여기서 종료
+          break;
+        }
+
+        direction = '+';
+        currZoomLevel += 1;
+      } else {
+        // 포함되지 않으면
+        if (direction === '+') {
+          // 직전에 이미 더한 상태였다면 직전 줌레벨로 종료
+          currZoomLevel -= 1;
+          map.setZoomLevel(currZoomLevel);
+          break;
+        } else {
+          direction = '-';
+          currZoomLevel -= 1;
+        }
+      }
+    }
+  };
+
   MintMapController.prototype.printStatus = function () {
     Status.print();
   };
@@ -5164,8 +5216,8 @@ function LoadingImage(_a) {
   }))));
 }
 
-var css_248z = ".MintMapWrapper-module_mint-map-control-wrapper-container__DONh7 {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  pointer-events: none;\n  z-index: 101;\n}\n\n.MintMapWrapper-module_mint-map-control-wrapper__DDb4y {\n  pointer-events: auto;\n}\n\n.MintMapWrapper-module_mint-map-overlay-wrapper__Jn4wV {\n  position: absolute;\n  z-index: 1;\n}";
-var styles = {"mint-map-control-wrapper-container":"MintMapWrapper-module_mint-map-control-wrapper-container__DONh7","mint-map-control-wrapper":"MintMapWrapper-module_mint-map-control-wrapper__DDb4y","mint-map-overlay-wrapper":"MintMapWrapper-module_mint-map-overlay-wrapper__Jn4wV"};
+var css_248z = ".MintMapWrapper-module_mint-map-control-wrapper-container__DONh7 {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  pointer-events: none;\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-container":"MintMapWrapper-module_mint-map-control-wrapper-container__DONh7","mint-map-overlay-wrapper":"MintMapWrapper-module_mint-map-overlay-wrapper__Jn4wV"};
 styleInject(css_248z);
 
 var cn = classNames.bind(styles);
@@ -5186,6 +5238,7 @@ function MapControlWrapper(_a) {
       positionHorizontal = _d === void 0 ? 'left' : _d,
       _e = _a.positionVertical,
       positionVertical = _e === void 0 ? 'top' : _e,
+      disablePointerEvent = _a.disablePointerEvent,
       children = _a.children;
   return React.createElement("div", {
     className: cn('mint-map-control-wrapper-container'),
@@ -5197,7 +5250,8 @@ function MapControlWrapper(_a) {
     className: cn('mint-map-control-wrapper'),
     style: {
       width: width,
-      height: height
+      height: height,
+      pointerEvents: disablePointerEvent === true ? 'none' : 'auto'
     }
   }, children));
 }

package/dist/index.umd.js

@@ -1201,6 +1201,58 @@
       throw new Error("[getMapToBaseZoom][".concat(mapZoom, "] is not valid zoom level"));
     };
 
+    MintMapController.prototype.focusPositionsToFitViewport = function (positions) {
+      var map = this; // positions 바운더리 구하기
+
+      var markerBounds = PolygonCalculator.getRegionInfo(positions);
+
+      if (!markerBounds.centerLat || !markerBounds.centerLng || !markerBounds.minLat || !markerBounds.maxLat || !markerBounds.minLng || !markerBounds.maxLng) {
+        return;
+      } // 이동해야할 센터 좌표
+
+
+      var toCenter = new Position(markerBounds.centerLat, markerBounds.centerLng); // 센터로 이동
+
+      map.setCenter(toCenter); // positions 바운더리의 폴리곤 값
+
+      var markerBoundsToPolygon = [new Position(markerBounds.minLat, markerBounds.minLng), new Position(markerBounds.minLat, markerBounds.maxLng), new Position(markerBounds.maxLat, markerBounds.maxLng), new Position(markerBounds.maxLat, markerBounds.minLng)]; // 적정 줌레벨 구하기
+
+      var zoomLevelResult = map.getZoomLevel();
+      var currZoomLevel = zoomLevelResult;
+      var iterCnt = 0;
+      var direction = undefined;
+
+      while (iterCnt < 23) {
+        //최대 줌레벨 갯수 만큼만 반복...
+        iterCnt += 1; // 줌 레벨 변경
+
+        map.setZoomLevel(currZoomLevel); // 현재 바운더리 구하기
+
+        var mapBounds = map.getCurrBounds(); // 현재 맵에 바운더리 포함된다면 줌레벨 더해서 반복 체크
+
+        if (mapBounds.includes(markerBoundsToPolygon)) {
+          if (direction === '-') {
+            // 직전에 이미 빼고있는 상태였다면 여기서 종료
+            break;
+          }
+
+          direction = '+';
+          currZoomLevel += 1;
+        } else {
+          // 포함되지 않으면
+          if (direction === '+') {
+            // 직전에 이미 더한 상태였다면 직전 줌레벨로 종료
+            currZoomLevel -= 1;
+            map.setZoomLevel(currZoomLevel);
+            break;
+          } else {
+            direction = '-';
+            currZoomLevel -= 1;
+          }
+        }
+      }
+    };
+
     MintMapController.prototype.printStatus = function () {
       Status.print();
     };
@@ -5168,8 +5220,8 @@
     }))));
   }
 
-  var css_248z = ".MintMapWrapper-module_mint-map-control-wrapper-container__DONh7 {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  pointer-events: none;\n  z-index: 101;\n}\n\n.MintMapWrapper-module_mint-map-control-wrapper__DDb4y {\n  pointer-events: auto;\n}\n\n.MintMapWrapper-module_mint-map-overlay-wrapper__Jn4wV {\n  position: absolute;\n  z-index: 1;\n}";
-  var styles = {"mint-map-control-wrapper-container":"MintMapWrapper-module_mint-map-control-wrapper-container__DONh7","mint-map-control-wrapper":"MintMapWrapper-module_mint-map-control-wrapper__DDb4y","mint-map-overlay-wrapper":"MintMapWrapper-module_mint-map-overlay-wrapper__Jn4wV"};
+  var css_248z = ".MintMapWrapper-module_mint-map-control-wrapper-container__DONh7 {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  pointer-events: none;\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-container":"MintMapWrapper-module_mint-map-control-wrapper-container__DONh7","mint-map-overlay-wrapper":"MintMapWrapper-module_mint-map-overlay-wrapper__Jn4wV"};
   styleInject__default["default"](css_248z);
 
   var cn = classNames__default["default"].bind(styles);
@@ -5190,6 +5242,7 @@
         positionHorizontal = _d === void 0 ? 'left' : _d,
         _e = _a.positionVertical,
         positionVertical = _e === void 0 ? 'top' : _e,
+        disablePointerEvent = _a.disablePointerEvent,
         children = _a.children;
     return React__default["default"].createElement("div", {
       className: cn('mint-map-control-wrapper-container'),
@@ -5201,7 +5254,8 @@
       className: cn('mint-map-control-wrapper'),
       style: {
         width: width,
-        height: height
+        height: height,
+        pointerEvents: disablePointerEvent === true ? 'none' : 'auto'
       }
     }, children));
   }

package/package.json

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