@mint-ui/map 0.6.0-beta → 0.6.1-beta

package/dist/components/mint-map/types/MapTypes.js

@@ -4,23 +4,23 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var polygon = require('../core/util/polygon.js');
 
-/**
- * 좌표값
- * @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;
@@ -128,15 +128,15 @@ function () {
 
   return Bounds;
 }();
-/**
- * DOM 상에서의 좌표를 표현 (픽셀을 나타내는 숫자)
+/**
+ * DOM 상에서의 좌표를 표현 (픽셀을 나타내는 숫자)
  */
 
 var Offset =
 /** @class */
 function () {
-  /**
-   * DOM 상에서의 좌표를 표현 (픽셀을 나타내는 숫자)
+  /**
+   * DOM 상에서의 좌표를 표현 (픽셀을 나타내는 숫자)
    */
   function Offset(x, y) {
     this.x = x;

package/dist/components/mint-map/types/MintMapEvents.d.ts

@@ -1,25 +1,25 @@
-import { MapVendorType } from "./CommonTypes";
-import { Bounds, Position } from "./MapTypes";
-import { MintMapController } from "../core/MintMapController";
-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;
-}
+import { MapVendorType } from "./CommonTypes";
+import { Bounds, Position } from "./MapTypes";
+import { MintMapController } from "../core/MintMapController";
+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;
+}

package/dist/components/mint-map/types/MintMapProps.d.ts

@@ -1,101 +1,101 @@
-/// <reference types="react" />
-import { MapType } from "./CommonTypes";
-import { Position } from "./MapTypes";
-import { MintMapEvents } from "./MintMapEvents";
-/**
- * Mint Map Props
- */
-export interface MintMapProps extends MintMapEvents {
-    /**
-     * Mint Map 에서 지원하는 지도 타입
-     */
-    mapType: MapType | null;
-    /**
-     * Map 종류에 따른 인증키
-     * @description 각 지도 타입에 맞는 키를 입력해야한다.
-     */
-    mapKey: string;
-    /**
-     * Map Script 로드시에 지도 타입에 따라 로드할 서브 모듈 목록
-     * @description 각 지도 타입에 맞는 서브모듈을 지정해야한다.
-     */
-    scriptModules?: string[];
-    /**
-       * Map 종류에 따른 추가 맵 ID
-       * @description 특정 지도에서는 맵ID 가 추가로 요구된다 (ex: Google Maps)
-       */
-    mapId?: string;
-    /**
-     * 지도의 기본 설정 정보
-     */
-    base?: BaseProps;
-    /**
-    * 지도의 보기 설정
-    */
-    visible?: boolean;
-    /**
-     * 지도 중심 좌표
-     */
-    center?: Position;
-    /**
-     * center 값을 통해 지도의 중심 으로 이동할때 panning 효과 적용 여부
-     */
-    centerMoveWithPanning?: boolean;
-    /**
-     * 지도 줌레벨
-     */
-    zoomLevel?: number;
-    /**
-     * 마우스의 드래그로 지도 위치 움직임 가능 여부
-     */
-    draggable?: boolean;
-    /**
-     * 키보드 방향키로 지도 위치 움직임 가능 여부
-     */
-    keyboardShortcuts?: boolean;
-    /**
-     * 마커 cache 사용 여부
-     */
-    markerCache?: boolean;
-    /**
-     * 마커 cache 사용시 초기 pool 갯수
-     */
-    markerCachePoolSize?: number;
-    /**
-     * 마커 cache 사용시 초기 pool 갯수
-     */
-    boundsChangeThrottlingTime?: number;
-    /**
-     * 로딩 완료 후 장면전환 효과 여부
-     */
-    dissolveEffectWhenLoaded?: boolean;
-    /**
-     * 맵 로딩화면
-     */
-    mapLoadingComponent?: () => JSX.Element;
-    /**
-     * 디버그
-     */
-    debug?: boolean;
-}
-/**
- * 지도의 기본 설정
- */
-export interface BaseProps {
-    /**
-     * 지도 시작시의 중심 좌표
-     */
-    center?: Position;
-    /**
-     * 지도 시작시의 줌레벨
-     */
-    zoomLevel?: number;
-    /**
-     * 지도의 최대 줌 레벨
-     */
-    maxZoomLevel?: number;
-    /**
-    * 지도의 최소 줌 레벨
-    */
-    minZoomLevel?: number;
-}
+/// <reference types="react" />
+import { MapType } from "./CommonTypes";
+import { Position } from "./MapTypes";
+import { MintMapEvents } from "./MintMapEvents";
+/**
+ * Mint Map Props
+ */
+export interface MintMapProps extends MintMapEvents {
+    /**
+     * Mint Map 에서 지원하는 지도 타입
+     */
+    mapType: MapType | null;
+    /**
+     * Map 종류에 따른 인증키
+     * @description 각 지도 타입에 맞는 키를 입력해야한다.
+     */
+    mapKey: string;
+    /**
+     * Map Script 로드시에 지도 타입에 따라 로드할 서브 모듈 목록
+     * @description 각 지도 타입에 맞는 서브모듈을 지정해야한다.
+     */
+    scriptModules?: string[];
+    /**
+       * Map 종류에 따른 추가 맵 ID
+       * @description 특정 지도에서는 맵ID 가 추가로 요구된다 (ex: Google Maps)
+       */
+    mapId?: string;
+    /**
+     * 지도의 기본 설정 정보
+     */
+    base?: BaseProps;
+    /**
+    * 지도의 보기 설정
+    */
+    visible?: boolean;
+    /**
+     * 지도 중심 좌표
+     */
+    center?: Position;
+    /**
+     * center 값을 통해 지도의 중심 으로 이동할때 panning 효과 적용 여부
+     */
+    centerMoveWithPanning?: boolean;
+    /**
+     * 지도 줌레벨
+     */
+    zoomLevel?: number;
+    /**
+     * 마우스의 드래그로 지도 위치 움직임 가능 여부
+     */
+    draggable?: boolean;
+    /**
+     * 키보드 방향키로 지도 위치 움직임 가능 여부
+     */
+    keyboardShortcuts?: boolean;
+    /**
+     * 마커 cache 사용 여부
+     */
+    markerCache?: boolean;
+    /**
+     * 마커 cache 사용시 초기 pool 갯수
+     */
+    markerCachePoolSize?: number;
+    /**
+     * 마커 cache 사용시 초기 pool 갯수
+     */
+    boundsChangeThrottlingTime?: number;
+    /**
+     * 로딩 완료 후 장면전환 효과 여부
+     */
+    dissolveEffectWhenLoaded?: boolean;
+    /**
+     * 맵 로딩화면
+     */
+    mapLoadingComponent?: () => JSX.Element;
+    /**
+     * 디버그
+     */
+    debug?: boolean;
+}
+/**
+ * 지도의 기본 설정
+ */
+export interface BaseProps {
+    /**
+     * 지도 시작시의 중심 좌표
+     */
+    center?: Position;
+    /**
+     * 지도 시작시의 줌레벨
+     */
+    zoomLevel?: number;
+    /**
+     * 지도의 최대 줌 레벨
+     */
+    maxZoomLevel?: number;
+    /**
+    * 지도의 최소 줌 레벨
+    */
+    minZoomLevel?: number;
+}

package/dist/components/mint-map/types/index.d.ts

@@ -1,6 +1,6 @@
-export * from './CommonTypes';
-export * from './MapDrawables';
-export * from './MapTypes';
-export * from './MintMapEvents';
-export * from './MintMapProps';
-export * from './MapEventTypes';
+export * from './CommonTypes';
+export * from './MapDrawables';
+export * from './MapTypes';
+export * from './MintMapEvents';
+export * from './MintMapProps';
+export * from './MapEventTypes';

package/dist/index.d.ts

@@ -1,7 +1,7 @@
-/**
- * 인덱스 모듈
- *
- * @author RWB
- * @since 2022.05.19 Thu 01:37:54
- */
-export * from './components/mint-map';
+/**
+ * 인덱스 모듈
+ *
+ * @author RWB
+ * @since 2022.05.19 Thu 01:37:54
+ */
+export * from './components/mint-map';

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;
@@ -1136,12 +1136,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
    */
 
 
@@ -1154,9 +1154,9 @@ function () {
     }).join('&');
     return "".concat(baseUrl, "?").concat(params);
   };
-  /**
-   * 쓰로틀링 처리
-   * @returns
+  /**
+   * 쓰로틀링 처리
+   * @returns
    */
 
 
@@ -1698,11 +1698,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) {
@@ -3420,13 +3420,13 @@ function (_super) {
   };
 
   KakaoMintMapController.prototype.getSafeZoomValue = function (value) {
-    /**
-     * 카카오는 구글/네이버와 다르게 줌레벨이 작아질수록 확대된다 (가장 확대된 것이 0)
-     * - 가장 확대된 값 : 1
-     * - 가장 축소된 값 : 14
-     *
-     * 그래서 세계지도가 없는 카카오는 동일한 사정인 네이버와 매핑하기로 한다.
-     * 문제는 둘 간의 줌 레벨별 축척이 일치하지 않는다. 그래서 가장 유사한 레벨 끼리 매핑이 필요하다
+    /**
+     * 카카오는 구글/네이버와 다르게 줌레벨이 작아질수록 확대된다 (가장 확대된 것이 0)
+     * - 가장 확대된 값 : 1
+     * - 가장 축소된 값 : 14
+     *
+     * 그래서 세계지도가 없는 카카오는 동일한 사정인 네이버와 매핑하기로 한다.
+     * 문제는 둘 간의 줌 레벨별 축척이 일치하지 않는다. 그래서 가장 유사한 레벨 끼리 매핑이 필요하다
     */
     var mapValue = this.getBaseToMapZoom(value);
 
@@ -3611,12 +3611,12 @@ var DEFAULT_CENTER = {
   lat: 37.5036845,
   lng: 127.0448698
 };
-/**
- * Mint Map 컴포넌트
- *
- * @param {MintMapProps} MintMapProps
- *
- * @returns {JSX.Element} JSX
+/**
+ * Mint Map 컴포넌트
+ *
+ * @param {MintMapProps} MintMapProps
+ *
+ * @returns {JSX.Element} JSX
  */
 
 function MintMap(_a) {
@@ -3778,8 +3778,8 @@ var Marker =
 /** @class */
 function (_super) {
   __extends(Marker, _super);
-  /**
-   * 지도에 표시할 마커정보
+  /**
+   * 지도에 표시할 마커정보
    */
 
 
@@ -3797,8 +3797,8 @@ var Polyline =
 /** @class */
 function (_super) {
   __extends(Polyline, _super);
-  /**
-   * 지도에 표시할 폴리곤정보
+  /**
+   * 지도에 표시할 폴리곤정보
    */
 
 
@@ -3816,8 +3816,8 @@ var Polygon =
 /** @class */
 function (_super) {
   __extends(Polygon, _super);
-  /**
-   * 지도에 표시할 폴리곤정보
+  /**
+   * 지도에 표시할 폴리곤정보
    */
 
 
@@ -3827,8 +3827,8 @@ function (_super) {
     _this.options = options;
     return _this;
   }
-  /**
-   * 폴리곤의 중점을 구한다.
+  /**
+   * 폴리곤의 중점을 구한다.
    */
 
 
@@ -4174,17 +4174,17 @@ function useMarkerMoving(_a) {
 var offsetCalibration = function (mapType, divElement, options) {
   //google 맵의 anchor 보정 (네이버와 같이 왼쪽/위 기준으로 처리)
   if (mapType === 'google') {
-    divElement.style.transform = "translate(50%, 100%) translate(-".concat(options.anchor ? options.anchor.x : '0', "px, -").concat(options.anchor ? options.anchor.y : '0', "px)");
+    divElement.style.transform = "translate(50%, 100%) translate(".concat(options.anchor ? options.anchor.x * -1 : '0', "px, ").concat(options.anchor ? options.anchor.y * -1 : '0', "px)");
   } else if (mapType === 'kakao') {
-    divElement.style.transform = "translate(-".concat(options.anchor ? options.anchor.x : '0', "px, -").concat(options.anchor ? options.anchor.y : '0', "px)");
+    divElement.style.transform = "translate(".concat(options.anchor ? options.anchor.x * -1 : '0', "px, ").concat(options.anchor ? options.anchor.y * -1 : '0', "px)");
   }
 };
-/**
- * Mint Map 컴포넌트
- *
- * @param {MapControlWrapperProps} MapControlWrapperProps
- *
- * @returns {JSX.Element} JSX
+/**
+ * Mint Map 컴포넌트
+ *
+ * @param {MapControlWrapperProps} MapControlWrapperProps
+ *
+ * @returns {JSX.Element} JSX
  */
 
 
@@ -4347,12 +4347,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) {
@@ -4468,12 +4468,12 @@ function CircleMarker(_a) {
   }, children)));
 }
 
-/**
- *PolygonMarker
- *
- * @param {PolygonMarkerProps} PolygonMarkerProps
- *
- * @returns {JSX.Element} JSX
+/**
+ *PolygonMarker
+ *
+ * @param {PolygonMarkerProps} PolygonMarkerProps
+ *
+ * @returns {JSX.Element} JSX
  */
 
 function PolygonMarker(_a) {
@@ -4644,12 +4644,12 @@ function PolygonMarker(_a) {
   }, children)));
 }
 
-/**
- * Mint Map 컴포넌트
- *
- * @param {MapControlWrapperProps} MapControlWrapperProps
- *
- * @returns {JSX.Element} JSX
+/**
+ * Mint Map 컴포넌트
+ *
+ * @param {MapControlWrapperProps} MapControlWrapperProps
+ *
+ * @returns {JSX.Element} JSX
  */
 
 function MapPolygonWrapper(_a) {
@@ -5095,12 +5095,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) {
@@ -5128,12 +5128,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) {
@@ -5174,12 +5174,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) {
@@ -5498,12 +5498,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) {