@mint-ui/map 0.10.0-beta-test2 → 1.0.0

package/dist/index.es.js

@@ -473,23 +473,23 @@ function () {
   return PolygonCalculator;
 }();
 
-/**
- * 좌표값
- * @description 위도/경도, DOM 상의 X/Y 좌표
+/**
+ * 좌표값
+ * @description 위도/경도, DOM 상의 X/Y 좌표
  */
 
 var Position =
 /** @class */
 function () {
   function Position(lat, lng) {
-    /**
-     * 위도
-     * @description 위도(latitude)
+    /**
+     * 위도
+     * @description 위도(latitude)
      */
     this.lat = 0;
-    /**
-     * 경도
-     * @description 경도(longitude)
+    /**
+     * 경도
+     * @description 경도(longitude)
      */
 
     this.lng = 0;
@@ -597,15 +597,15 @@ function () {
 
   return Bounds;
 }();
-/**
- * DOM 상에서의 좌표를 표현 (픽셀을 나타내는 숫자)
+/**
+ * DOM 상에서의 좌표를 표현 (픽셀을 나타내는 숫자)
  */
 
 var Offset =
 /** @class */
 function () {
-  /**
-   * DOM 상에서의 좌표를 표현 (픽셀을 나타내는 숫자)
+  /**
+   * DOM 상에서의 좌표를 표현 (픽셀을 나타내는 숫자)
    */
   function Offset(x, y) {
     this.x = x;
@@ -1145,12 +1145,12 @@ function () {
   MintMapController.prototype.getRandomFunctionName = function (prefix) {
     return "".concat(prefix, "_").concat(v4().replace(/-/g, '_'));
   };
-  /**
-   * URL 빌더 메서드
-   *
-   * @param {string} baseUrl: 기본 URL
-   * @param {{ [ key: string ]: string | string[] }} param: 파라미터 JSON
-   * @returns {string} URL
+  /**
+   * URL 빌더 메서드
+   *
+   * @param {string} baseUrl: 기본 URL
+   * @param {{ [ key: string ]: string | string[] }} param: 파라미터 JSON
+   * @returns {string} URL
    */
 
 
@@ -1163,9 +1163,9 @@ function () {
     }).join('&');
     return "".concat(baseUrl, "?").concat(params);
   };
-  /**
-   * 쓰로틀링 처리
-   * @returns
+  /**
+   * 쓰로틀링 처리
+   * @returns
    */
 
 
@@ -1772,11 +1772,11 @@ function (_super) {
       var map = marker.native.getMap();
 
       if (map) {
-        /** 중요!!!!
-         * naver 마커의 setOption(MarkerOptions) 은 내부적으로 setMap 을 무조건 강제 처리한다!!!
-         * setMap 을 처리하면 맵의 이벤트리스너 등등이 모두 초기화 되고 다시 맵을 add 하면서 마커관련된 모든 초기화가 다시 일어난다.
-         * (심지어 map 이 기존과 같은 객체인데도 초기화 처리함)
-         * 그래서 민트맵에서는 update 를 지원하는 항목별로 명시적으로 각각 처리한다.
+        /** 중요!!!!
+         * naver 마커의 setOption(MarkerOptions) 은 내부적으로 setMap 을 무조건 강제 처리한다!!!
+         * setMap 을 처리하면 맵의 이벤트리스너 등등이 모두 초기화 되고 다시 맵을 add 하면서 마커관련된 모든 초기화가 다시 일어난다.
+         * (심지어 map 이 기존과 같은 객체인데도 초기화 처리함)
+         * 그래서 민트맵에서는 update 를 지원하는 항목별로 명시적으로 각각 처리한다.
         */
         //Position
         if (options.position && options.position instanceof Position) {
@@ -3516,13 +3516,13 @@ function (_super) {
   };
 
   KakaoMintMapController.prototype.getSafeZoomValue = function (value) {
-    /**
-     * 카카오는 구글/네이버와 다르게 줌레벨이 작아질수록 확대된다 (가장 확대된 것이 0)
-     * - 가장 확대된 값 : 1
-     * - 가장 축소된 값 : 14
-     *
-     * 그래서 세계지도가 없는 카카오는 동일한 사정인 네이버와 매핑하기로 한다.
-     * 문제는 둘 간의 줌 레벨별 축척이 일치하지 않는다. 그래서 가장 유사한 레벨 끼리 매핑이 필요하다
+    /**
+     * 카카오는 구글/네이버와 다르게 줌레벨이 작아질수록 확대된다 (가장 확대된 것이 0)
+     * - 가장 확대된 값 : 1
+     * - 가장 축소된 값 : 14
+     *
+     * 그래서 세계지도가 없는 카카오는 동일한 사정인 네이버와 매핑하기로 한다.
+     * 문제는 둘 간의 줌 레벨별 축척이 일치하지 않는다. 그래서 가장 유사한 레벨 끼리 매핑이 필요하다
     */
     var mapValue = this.getBaseToMapZoom(value);
 
@@ -3725,12 +3725,12 @@ function makeBaseProps(base) {
   !base.zoomLevel && (base.zoomLevel = DEFAULT_ZOOM_LEVEL);
   return base;
 }
-/**
- * Mint Map 컴포넌트
- *
- * @param {MintMapProps} MintMapProps
- *
- * @returns {JSX.Element} JSX
+/**
+ * Mint Map 컴포넌트
+ *
+ * @param {MintMapProps} MintMapProps
+ *
+ * @returns {JSX.Element} JSX
  */
 
 
@@ -3890,8 +3890,8 @@ var Marker =
 /** @class */
 function (_super) {
   __extends(Marker, _super);
-  /**
-   * 지도에 표시할 마커정보
+  /**
+   * 지도에 표시할 마커정보
    */
 
 
@@ -3909,8 +3909,8 @@ var Polyline =
 /** @class */
 function (_super) {
   __extends(Polyline, _super);
-  /**
-   * 지도에 표시할 폴리곤정보
+  /**
+   * 지도에 표시할 폴리곤정보
    */
 
 
@@ -3928,8 +3928,8 @@ var Polygon =
 /** @class */
 function (_super) {
   __extends(Polygon, _super);
-  /**
-   * 지도에 표시할 폴리곤정보
+  /**
+   * 지도에 표시할 폴리곤정보
    */
 
 
@@ -3939,8 +3939,8 @@ function (_super) {
     _this.options = options;
     return _this;
   }
-  /**
-   * 폴리곤의 중점을 구한다.
+  /**
+   * 폴리곤의 중점을 구한다.
    */
 
 
@@ -4283,89 +4283,6 @@ function useMarkerMoving(_a) {
   return [start, stop, resume];
 }
 
-var MarkerAutoTransitionContext = createContext({
-  option: {
-    sizeInMeter: 2,
-    type: 'diagonal'
-  },
-  transition: function (pos) {
-    return {
-      pos: pos,
-      no: undefined
-    };
-  }
-}); // provider
-
-var baseCenter = new Position(37.504497373023206, 127.04896282498558);
-function MarkerAutoTransitionProvider(_a) {
-  var children = _a.children,
-      _b = _a.sizeInMeter,
-      sizeInMeter = _b === void 0 ? 2 : _b,
-      _c = _a.type,
-      type = _c === void 0 ? 'diagonal' : _c;
-  var controller = useMintMapController();
-
-  var _d = useState(controller.getZoomLevel()),
-      zoom = _d[0],
-      setZoom = _d[1];
-
-  useEffect(function () {
-    var onZoomChanged = function () {
-      setZoom(controller.getZoomLevel());
-    };
-
-    controller.addEventListener('ZOOM_CHANGED', onZoomChanged);
-    return function () {
-      controller.removeEventListener('ZOOM_CHANGED', onZoomChanged);
-    };
-  }, []);
-  var calcSize = typeof sizeInMeter === 'number' ? sizeInMeter : sizeInMeter(controller.getZoomLevel());
-  var deltaLat = GeoCalulator.convertMeterToLatitudeValue(calcSize);
-  var offset1 = controller.positionToOffset(baseCenter);
-  var offset2 = controller.positionToOffset(new Position(baseCenter.lat + deltaLat, baseCenter.lng));
-  var deltaOffsetY = offset2.y - offset1.y;
-  var offset3 = new Offset(offset1.x + deltaOffsetY, offset2.y);
-  var deltaLng = baseCenter.lng - controller.offsetToPosition(offset3).lng;
-  var posMap = new Map();
-
-  var transition = function (pos) {
-    var key = positionToMapKey(pos);
-    var count = posMap.get(key);
-
-    if (count === undefined) {
-      count = 1;
-      posMap.set(key, count);
-      return {
-        no: count,
-        pos: pos
-      };
-    } //type : diagonal
-
-
-    var newPos = new Position(pos.lat + count * deltaLat, pos.lng + count * deltaLng);
-    count += 1;
-    posMap.set(key, count);
-    return {
-      no: count,
-      pos: newPos
-    };
-  };
-
-  return React.createElement(MarkerAutoTransitionContext.Provider, {
-    value: {
-      option: {
-        sizeInMeter: sizeInMeter,
-        type: type
-      },
-      transition: transition
-    }
-  }, zoom && children);
-}
-
-function positionToMapKey(pos) {
-  return "".concat(pos.lat, "-").concat(pos.lng);
-}
-
 var offsetCalibration = function (mapType, divElement, options, autoFitToViewport, autoAdjustAnchor, autoAdjustAnchorConfig, mapDivElement) {
   //google 맵의 anchor 보정 (네이버와 같이 왼쪽/위 기준으로 처리)
   var baseTransform = '';
@@ -4443,12 +4360,12 @@ var getMarkersFitPosition = function (containerPosition, containerSize, markerPo
 
   return 0;
 };
-/**
- * Mint Map 컴포넌트
- *
- * @param {MapControlWrapperProps} MapControlWrapperProps
- *
- * @returns {JSX.Element} JSX
+/**
+ * Mint Map 컴포넌트
+ *
+ * @param {MapControlWrapperProps} MapControlWrapperProps
+ *
+ * @returns {JSX.Element} JSX
  */
 
 
@@ -4571,21 +4488,8 @@ function MapMarkerWrapper(_a) {
     };
   }, []); //create / update object
 
-  var transition = useContext(MarkerAutoTransitionContext).transition;
-  var positionNo = useRef();
   useEffect(function () {
     if (options) {
-      if (!Array.isArray(options.position)) {
-        var _a = transition(options.position),
-            no = _a.no,
-            pos = _a.pos;
-
-        if (positionNo.current !== no) {
-          options.position = pos;
-          positionNo.current = no;
-        }
-      }
-
       if (markerRef.current) {
         //console.log('update Marker')
         controller.updateMarker(markerRef.current, options); //disablePointerEvent 처리
@@ -4631,12 +4535,12 @@ function MapMarkerWrapper(_a) {
   return createPortal(children, divElement);
 }
 
-/**
- * CircleMarker
- *
- * @param {CircleMarkerProps} CircleMarkerProps
- *
- * @returns {JSX.Element} JSX
+/**
+ * CircleMarker
+ *
+ * @param {CircleMarkerProps} CircleMarkerProps
+ *
+ * @returns {JSX.Element} JSX
  */
 
 function CircleMarker(_a) {
@@ -4752,12 +4656,12 @@ function CircleMarker(_a) {
   }, children)));
 }
 
-/**
- *PolygonMarker
- *
- * @param {PolygonMarkerProps} PolygonMarkerProps
- *
- * @returns {JSX.Element} JSX
+/**
+ *PolygonMarker
+ *
+ * @param {PolygonMarkerProps} PolygonMarkerProps
+ *
+ * @returns {JSX.Element} JSX
  */
 
 function PolygonMarker(_a) {
@@ -5116,12 +5020,12 @@ function CanvasMarker(_a) {
   })), divElement);
 }
 
-/**
- * Mint Map 컴포넌트
- *
- * @param {MapControlWrapperProps} MapControlWrapperProps
- *
- * @returns {JSX.Element} JSX
+/**
+ * Mint Map 컴포넌트
+ *
+ * @param {MapControlWrapperProps} MapControlWrapperProps
+ *
+ * @returns {JSX.Element} JSX
  */
 
 function MapPolygonWrapper(_a) {
@@ -5567,12 +5471,12 @@ var styles = {"mint-map-control-wrapper-container":"MintMapWrapper-module_mint-m
 styleInject(css_248z);
 
 var cn = classNames.bind(styles);
-/**
- * Mint Map 컴포넌트
- *
- * @param {MapControlWrapperProps} MapControlWrapperProps
- *
- * @returns {JSX.Element} JSX
+/**
+ * Mint Map 컴포넌트
+ *
+ * @param {MapControlWrapperProps} MapControlWrapperProps
+ *
+ * @returns {JSX.Element} JSX
  */
 
 function MapControlWrapper(_a) {
@@ -5605,12 +5509,12 @@ function MapControlWrapper(_a) {
   }, children));
 }
 
-/**
- * Mint Map 컴포넌트
- *
- * @param {MapControlWrapperProps} MapControlWrapperProps
- *
- * @returns {JSX.Element} JSX
+/**
+ * Mint Map 컴포넌트
+ *
+ * @param {MapControlWrapperProps} MapControlWrapperProps
+ *
+ * @returns {JSX.Element} JSX
  */
 
 function MapPolylineWrapper(_a) {
@@ -5651,12 +5555,12 @@ var console$1 = {
   log: function () {
   }
 };
-/**
- * Mint Map 컴포넌트
- *
- * @param {MapControlWrapperProps} MapControlWrapperProps
- *
- * @returns {JSX.Element} JSX
+/**
+ * Mint Map 컴포넌트
+ *
+ * @param {MapControlWrapperProps} MapControlWrapperProps
+ *
+ * @returns {JSX.Element} JSX
  */
 
 function MapCanvasWrapper(_a) {
@@ -5975,12 +5879,12 @@ function MapCanvasWrapper(_a) {
   }), renderFlag && React.createElement(React.Fragment, null));
 }
 
-/**
- * Mint Map 컴포넌트
- *
- * @param {MapControlWrapperProps} MapControlWrapperProps
- *
- * @returns {JSX.Element} JSX
+/**
+ * Mint Map 컴포넌트
+ *
+ * @param {MapControlWrapperProps} MapControlWrapperProps
+ *
+ * @returns {JSX.Element} JSX
  */
 
 function MapCanvasMarkerWrapper(_props) {
@@ -5988,4 +5892,4 @@ function MapCanvasMarkerWrapper(_props) {
   return React.createElement(React.Fragment, null);
 }
 
-export { AnimationPlayer, Bounds, CanvasMarker, CircleMarker, Drawable, GeoCalulator, GoogleMintMapController, MapBuildingProjection, MapCanvasMarkerWrapper, MapCanvasWrapper, MapControlWrapper, MapEvent, MapLoadingWithImage, MapMarkerWrapper, MapPolygonWrapper, MapPolylineWrapper, MapUIEvent, Marker, MarkerAutoTransitionContext, MarkerAutoTransitionProvider, MintMap, MintMapCanvasRenderer, MintMapController, MintMapCore, MintMapProvider, NaverMintMapController, Offset, PointLoading, Polygon, PolygonCalculator, PolygonMarker, Polyline, Position, SVGCircle, SVGPolygon, SVGRect, Status, baseCenter, getClusterInfo, getMapOfType, log, useMarkerMoving, useMintMapController, waiting };
+export { AnimationPlayer, Bounds, CanvasMarker, CircleMarker, Drawable, GeoCalulator, GoogleMintMapController, MapBuildingProjection, MapCanvasMarkerWrapper, MapCanvasWrapper, MapControlWrapper, MapEvent, MapLoadingWithImage, MapMarkerWrapper, MapPolygonWrapper, MapPolylineWrapper, MapUIEvent, Marker, MintMap, MintMapCanvasRenderer, MintMapController, MintMapCore, MintMapProvider, NaverMintMapController, Offset, PointLoading, Polygon, PolygonCalculator, PolygonMarker, Polyline, Position, SVGCircle, SVGPolygon, SVGRect, Status, getClusterInfo, getMapOfType, log, useMarkerMoving, useMintMapController, waiting };

package/dist/index.js

@@ -16,7 +16,6 @@ var MapBuildingProjection = require('./components/mint-map/core/advanced/MapBuil
 var MapLoadingComponents = require('./components/mint-map/core/advanced/MapLoadingComponents.js');
 var MarkerMovingHook = require('./components/mint-map/core/hooks/MarkerMovingHook.js');
 var MintMapProvider = require('./components/mint-map/core/provider/MintMapProvider.js');
-var MarkerAutoTransitionProvider = require('./components/mint-map/core/provider/MarkerAutoTransitionProvider.js');
 var animation = require('./components/mint-map/core/util/animation.js');
 var geo = require('./components/mint-map/core/util/geo.js');
 var waiting = require('./components/mint-map/core/util/waiting.js');
@@ -55,9 +54,6 @@ exports.PointLoading = MapLoadingComponents.PointLoading;
 exports.useMarkerMoving = MarkerMovingHook.useMarkerMoving;
 exports.MintMapProvider = MintMapProvider.MintMapProvider;
 exports.useMintMapController = MintMapProvider.useMintMapController;
-exports.MarkerAutoTransitionContext = MarkerAutoTransitionProvider.MarkerAutoTransitionContext;
-exports.MarkerAutoTransitionProvider = MarkerAutoTransitionProvider.MarkerAutoTransitionProvider;
-exports.baseCenter = MarkerAutoTransitionProvider.baseCenter;
 exports.AnimationPlayer = animation.AnimationPlayer;
 exports.GeoCalulator = geo.GeoCalulator;
 exports.waiting = waiting.waiting;