@mint-ui/map 0.6.2-beta-test1 → 0.6.2-beta-test3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (66) hide show
  1. package/.eslintrc.js +109 -109
  2. package/LICENSE +21 -21
  3. package/README.md +73 -73
  4. package/dist/components/mint-map/MintMap.d.ts +10 -10
  5. package/dist/components/mint-map/MintMap.js +6 -6
  6. package/dist/components/mint-map/core/MintMapCanvasRenderer.d.ts +4 -4
  7. package/dist/components/mint-map/core/MintMapController.d.ts +66 -66
  8. package/dist/components/mint-map/core/MintMapController.js +9 -9
  9. package/dist/components/mint-map/core/MintMapCore.d.ts +3 -3
  10. package/dist/components/mint-map/core/advanced/MapBuildingProjection.d.ts +15 -15
  11. package/dist/components/mint-map/core/advanced/MapLoadingComponents.d.ts +17 -17
  12. package/dist/components/mint-map/core/advanced/index.d.ts +3 -3
  13. package/dist/components/mint-map/core/advanced/shapes/CircleMarker.d.ts +22 -22
  14. package/dist/components/mint-map/core/advanced/shapes/CircleMarker.js +6 -6
  15. package/dist/components/mint-map/core/advanced/shapes/PolygonMarker.d.ts +28 -28
  16. package/dist/components/mint-map/core/advanced/shapes/PolygonMarker.js +6 -6
  17. package/dist/components/mint-map/core/advanced/shapes/base/SVGCircle.d.ts +8 -8
  18. package/dist/components/mint-map/core/advanced/shapes/base/SVGPolygon.d.ts +12 -12
  19. package/dist/components/mint-map/core/advanced/shapes/base/SVGRect.d.ts +10 -10
  20. package/dist/components/mint-map/core/advanced/shapes/base/index.d.ts +3 -3
  21. package/dist/components/mint-map/core/advanced/shapes/index.d.ts +3 -3
  22. package/dist/components/mint-map/core/hooks/MarkerMovingHook.d.ts +6 -6
  23. package/dist/components/mint-map/core/hooks/index.d.ts +1 -1
  24. package/dist/components/mint-map/core/index.d.ts +8 -8
  25. package/dist/components/mint-map/core/provider/MintMapProvider.d.ts +8 -8
  26. package/dist/components/mint-map/core/provider/index.d.ts +1 -1
  27. package/dist/components/mint-map/core/util/animation.d.ts +16 -16
  28. package/dist/components/mint-map/core/util/cluster.d.ts +18 -18
  29. package/dist/components/mint-map/core/util/geo.d.ts +38 -38
  30. package/dist/components/mint-map/core/util/index.d.ts +7 -7
  31. package/dist/components/mint-map/core/util/log.d.ts +1 -1
  32. package/dist/components/mint-map/core/util/polygon.d.ts +42 -42
  33. package/dist/components/mint-map/core/util/status.d.ts +9 -9
  34. package/dist/components/mint-map/core/util/waiting.d.ts +1 -1
  35. package/dist/components/mint-map/core/wrapper/MapCanvasMarkerWrapper.d.ts +27 -27
  36. package/dist/components/mint-map/core/wrapper/MapCanvasMarkerWrapper.js +6 -6
  37. package/dist/components/mint-map/core/wrapper/MapCanvasWrapper.d.ts +11 -11
  38. package/dist/components/mint-map/core/wrapper/MapCanvasWrapper.js +6 -6
  39. package/dist/components/mint-map/core/wrapper/MapControlWrapper.d.ts +18 -18
  40. package/dist/components/mint-map/core/wrapper/MapControlWrapper.js +6 -6
  41. package/dist/components/mint-map/core/wrapper/MapMarkerWrapper.d.ts +44 -43
  42. package/dist/components/mint-map/core/wrapper/MapMarkerWrapper.js +41 -35
  43. package/dist/components/mint-map/core/wrapper/MapPolygonWrapper.d.ts +12 -12
  44. package/dist/components/mint-map/core/wrapper/MapPolygonWrapper.js +6 -6
  45. package/dist/components/mint-map/core/wrapper/MapPolylineWrapper.d.ts +12 -12
  46. package/dist/components/mint-map/core/wrapper/MapPolylineWrapper.js +6 -6
  47. package/dist/components/mint-map/core/wrapper/index.d.ts +6 -6
  48. package/dist/components/mint-map/google/GoogleMintMapController.d.ts +51 -51
  49. package/dist/components/mint-map/index.d.ts +5 -5
  50. package/dist/components/mint-map/kakao/KakaoMintMapController.d.ts +55 -55
  51. package/dist/components/mint-map/kakao/KakaoMintMapController.js +7 -7
  52. package/dist/components/mint-map/naver/NaverMintMapController.d.ts +53 -53
  53. package/dist/components/mint-map/naver/NaverMintMapController.js +5 -5
  54. package/dist/components/mint-map/types/CommonTypes.d.ts +11 -11
  55. package/dist/components/mint-map/types/MapDrawables.d.ts +118 -118
  56. package/dist/components/mint-map/types/MapDrawables.js +8 -8
  57. package/dist/components/mint-map/types/MapEventTypes.d.ts +44 -44
  58. package/dist/components/mint-map/types/MapTypes.d.ts +60 -60
  59. package/dist/components/mint-map/types/MapTypes.js +13 -13
  60. package/dist/components/mint-map/types/MintMapEvents.d.ts +25 -25
  61. package/dist/components/mint-map/types/MintMapProps.d.ts +101 -101
  62. package/dist/components/mint-map/types/index.d.ts +6 -6
  63. package/dist/index.d.ts +7 -7
  64. package/dist/index.es.js +131 -125
  65. package/dist/index.umd.js +131 -125
  66. package/package.json +77 -77
@@ -1,27 +1,27 @@
1
- /// <reference types="react" />
2
- import { MarkerOptions } from "../../types/MapDrawables";
3
- import { Offset } from "../../types/MapTypes";
4
- import { MintMapCanvasRenderer } from "../MintMapCanvasRenderer";
5
- export declare type CanvasMarkerRenderer<T> = (ctx: MintMapCanvasRenderer, offset: Offset, payload?: T) => void;
6
- export interface CanvasMarkerMouseEvent {
7
- x: number;
8
- y: number;
9
- }
10
- export declare type CanvasMarkerMouseEventCallback = (e: CanvasMarkerMouseEvent) => boolean | undefined | void;
11
- export interface MapCanvasMarkerWrapperProps<T> extends MarkerOptions {
12
- renderer: CanvasMarkerRenderer<T>;
13
- payload?: T;
14
- boxWidth: number;
15
- boxHeight: number;
16
- onClick?: CanvasMarkerMouseEventCallback;
17
- onMouseOver?: CanvasMarkerMouseEventCallback;
18
- onMouseOut?: CanvasMarkerMouseEventCallback;
19
- }
20
- /**
21
- * Mint Map 컴포넌트
22
- *
23
- * @param {MapControlWrapperProps} MapControlWrapperProps
24
- *
25
- * @returns {JSX.Element} JSX
26
- */
27
- export declare function MapCanvasMarkerWrapper<T>(_props: MapCanvasMarkerWrapperProps<T>): JSX.Element;
1
+ /// <reference types="react" />
2
+ import { MarkerOptions } from "../../types/MapDrawables";
3
+ import { Offset } from "../../types/MapTypes";
4
+ import { MintMapCanvasRenderer } from "../MintMapCanvasRenderer";
5
+ export declare type CanvasMarkerRenderer<T> = (ctx: MintMapCanvasRenderer, offset: Offset, payload?: T) => void;
6
+ export interface CanvasMarkerMouseEvent {
7
+ x: number;
8
+ y: number;
9
+ }
10
+ export declare type CanvasMarkerMouseEventCallback = (e: CanvasMarkerMouseEvent) => boolean | undefined | void;
11
+ export interface MapCanvasMarkerWrapperProps<T> extends MarkerOptions {
12
+ renderer: CanvasMarkerRenderer<T>;
13
+ payload?: T;
14
+ boxWidth: number;
15
+ boxHeight: number;
16
+ onClick?: CanvasMarkerMouseEventCallback;
17
+ onMouseOver?: CanvasMarkerMouseEventCallback;
18
+ onMouseOut?: CanvasMarkerMouseEventCallback;
19
+ }
20
+ /**
21
+ * Mint Map 컴포넌트
22
+ *
23
+ * @param {MapControlWrapperProps} MapControlWrapperProps
24
+ *
25
+ * @returns {JSX.Element} JSX
26
+ */
27
+ export declare function MapCanvasMarkerWrapper<T>(_props: MapCanvasMarkerWrapperProps<T>): JSX.Element;
@@ -8,12 +8,12 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
8
8
 
9
9
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
10
10
 
11
- /**
12
- * Mint Map 컴포넌트
13
- *
14
- * @param {MapControlWrapperProps} MapControlWrapperProps
15
- *
16
- * @returns {JSX.Element} JSX
11
+ /**
12
+ * Mint Map 컴포넌트
13
+ *
14
+ * @param {MapControlWrapperProps} MapControlWrapperProps
15
+ *
16
+ * @returns {JSX.Element} JSX
17
17
  */
18
18
 
19
19
  function MapCanvasMarkerWrapper(_props) {
@@ -1,11 +1,11 @@
1
- import React from "react";
2
- export interface MapCanvasWrapperProps {
3
- }
4
- /**
5
- * Mint Map 컴포넌트
6
- *
7
- * @param {MapControlWrapperProps} MapControlWrapperProps
8
- *
9
- * @returns {JSX.Element} JSX
10
- */
11
- export declare function MapCanvasWrapper<T>({ children, ...props }: React.PropsWithChildren<MapCanvasWrapperProps>): JSX.Element;
1
+ import React from "react";
2
+ export interface MapCanvasWrapperProps {
3
+ }
4
+ /**
5
+ * Mint Map 컴포넌트
6
+ *
7
+ * @param {MapControlWrapperProps} MapControlWrapperProps
8
+ *
9
+ * @returns {JSX.Element} JSX
10
+ */
11
+ export declare function MapCanvasWrapper<T>({ children, ...props }: React.PropsWithChildren<MapCanvasWrapperProps>): JSX.Element;
@@ -16,12 +16,12 @@ var console = {
16
16
  log: function () {
17
17
  }
18
18
  };
19
- /**
20
- * Mint Map 컴포넌트
21
- *
22
- * @param {MapControlWrapperProps} MapControlWrapperProps
23
- *
24
- * @returns {JSX.Element} JSX
19
+ /**
20
+ * Mint Map 컴포넌트
21
+ *
22
+ * @param {MapControlWrapperProps} MapControlWrapperProps
23
+ *
24
+ * @returns {JSX.Element} JSX
25
25
  */
26
26
 
27
27
  function MapCanvasWrapper(_a) {
@@ -1,18 +1,18 @@
1
- import { PropsWithChildren } from "react";
2
- declare type AlignHorizontal = 'left' | 'right' | 'center';
3
- declare type AlignVertical = 'top' | 'bottom' | 'center';
4
- export interface MapControlWrapperProps {
5
- width?: string | number;
6
- height?: string | number;
7
- positionHorizontal?: AlignHorizontal;
8
- positionVertical?: AlignVertical;
9
- }
10
- /**
11
- * Mint Map 컴포넌트
12
- *
13
- * @param {MapControlWrapperProps} MapControlWrapperProps
14
- *
15
- * @returns {JSX.Element} JSX
16
- */
17
- export declare function MapControlWrapper({ width, height, positionHorizontal, positionVertical, children }: PropsWithChildren<MapControlWrapperProps>): JSX.Element;
18
- export {};
1
+ import { PropsWithChildren } from "react";
2
+ declare type AlignHorizontal = 'left' | 'right' | 'center';
3
+ declare type AlignVertical = 'top' | 'bottom' | 'center';
4
+ export interface MapControlWrapperProps {
5
+ width?: string | number;
6
+ height?: string | number;
7
+ positionHorizontal?: AlignHorizontal;
8
+ positionVertical?: AlignVertical;
9
+ }
10
+ /**
11
+ * Mint Map 컴포넌트
12
+ *
13
+ * @param {MapControlWrapperProps} MapControlWrapperProps
14
+ *
15
+ * @returns {JSX.Element} JSX
16
+ */
17
+ export declare function MapControlWrapper({ width, height, positionHorizontal, positionVertical, children }: PropsWithChildren<MapControlWrapperProps>): JSX.Element;
18
+ export {};
@@ -12,12 +12,12 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
12
12
  var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
13
13
 
14
14
  var cn = classNames__default["default"].bind(MintMapWrapper_module);
15
- /**
16
- * Mint Map 컴포넌트
17
- *
18
- * @param {MapControlWrapperProps} MapControlWrapperProps
19
- *
20
- * @returns {JSX.Element} JSX
15
+ /**
16
+ * Mint Map 컴포넌트
17
+ *
18
+ * @param {MapControlWrapperProps} MapControlWrapperProps
19
+ *
20
+ * @returns {JSX.Element} JSX
21
21
  */
22
22
 
23
23
  function MapControlWrapper(_a) {
@@ -1,43 +1,44 @@
1
- import { PropsWithChildren } from "react";
2
- import { MarkerOptions } from "../../types/MapDrawables";
3
- import { Position } from "../../types/MapTypes";
4
- export declare type MovingEventFunciton = () => void;
5
- export interface MapMarkerMoving {
6
- positions?: Position[];
7
- positionClosed?: boolean;
8
- startPositionIndex?: number;
9
- velocity?: number;
10
- loop?: boolean;
11
- delay?: number;
12
- autoStart?: boolean;
13
- fps?: number;
14
- onMovingStart?: MovingEventFunciton;
15
- onMovingEnd?: MovingEventFunciton;
16
- }
17
- export interface MapMarkerWrapperProps extends MarkerOptions {
18
- topOnClick?: boolean;
19
- topOnHover?: boolean;
20
- /**
21
- * 메모리 누수의 위험성이 존재하여 삭제될 예정
22
- * animation 은 marker wrapper 의 children 레벨에서 구현하는것을 기본으로 한다.
23
- * @deprecated
24
- */
25
- startAnimationClassName?: string;
26
- /**
27
- * 메모리 누수의 위험성이 존재하여 삭제될 예정
28
- * animation 은 marker wrapper 의 children 레벨에서 구현하는것을 기본으로 한다.
29
- * @deprecated
30
- */
31
- endAnimationClassName?: string;
32
- movingAnimation?: MapMarkerMoving;
33
- disablePointerEvent?: boolean;
34
- autoFitToViewport?: boolean;
35
- }
36
- /**
37
- * Mint Map 컴포넌트
38
- *
39
- * @param {MapControlWrapperProps} MapControlWrapperProps
40
- *
41
- * @returns {JSX.Element} JSX
42
- */
43
- export declare function MapMarkerWrapper({ startAnimationClassName, endAnimationClassName, autoFitToViewport, topOnClick, topOnHover, movingAnimation, disablePointerEvent, children, ...options }: PropsWithChildren<MapMarkerWrapperProps>): JSX.Element;
1
+ import { PropsWithChildren } from "react";
2
+ import { MarkerOptions } from "../../types/MapDrawables";
3
+ import { Position } from "../../types/MapTypes";
4
+ export declare type MovingEventFunciton = () => void;
5
+ export interface MapMarkerMoving {
6
+ positions?: Position[];
7
+ positionClosed?: boolean;
8
+ startPositionIndex?: number;
9
+ velocity?: number;
10
+ loop?: boolean;
11
+ delay?: number;
12
+ autoStart?: boolean;
13
+ fps?: number;
14
+ onMovingStart?: MovingEventFunciton;
15
+ onMovingEnd?: MovingEventFunciton;
16
+ }
17
+ export interface MapMarkerWrapperProps extends MarkerOptions {
18
+ topOnClick?: boolean;
19
+ topOnHover?: boolean;
20
+ /**
21
+ * 메모리 누수의 위험성이 존재하여 삭제될 예정
22
+ * animation 은 marker wrapper 의 children 레벨에서 구현하는것을 기본으로 한다.
23
+ * @deprecated
24
+ */
25
+ startAnimationClassName?: string;
26
+ /**
27
+ * 메모리 누수의 위험성이 존재하여 삭제될 예정
28
+ * animation 은 marker wrapper 의 children 레벨에서 구현하는것을 기본으로 한다.
29
+ * @deprecated
30
+ */
31
+ endAnimationClassName?: string;
32
+ movingAnimation?: MapMarkerMoving;
33
+ disablePointerEvent?: boolean;
34
+ autoFitToViewport?: boolean;
35
+ autoAdjustAnchor?: boolean;
36
+ }
37
+ /**
38
+ * Mint Map 컴포넌트
39
+ *
40
+ * @param {MapControlWrapperProps} MapControlWrapperProps
41
+ *
42
+ * @returns {JSX.Element} JSX
43
+ */
44
+ export declare function MapMarkerWrapper({ startAnimationClassName, endAnimationClassName, autoFitToViewport, autoAdjustAnchor, topOnClick, topOnHover, movingAnimation, disablePointerEvent, children, ...options }: PropsWithChildren<MapMarkerWrapperProps>): JSX.Element;
@@ -9,7 +9,7 @@ var MintMapProvider = require('../provider/MintMapProvider.js');
9
9
  var MarkerMovingHook = require('../hooks/MarkerMovingHook.js');
10
10
  var MapDrawables = require('../../types/MapDrawables.js');
11
11
 
12
- var offsetCalibration = function (mapType, divElement, options, autoFitToViewport, mapDivElement) {
12
+ var offsetCalibration = function (mapType, divElement, options, autoFitToViewport, autoAdjustAnchor, mapDivElement) {
13
13
  //google 맵의 anchor 보정 (네이버와 같이 왼쪽/위 기준으로 처리)
14
14
  if (mapType === 'google') {
15
15
  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)");
@@ -17,17 +17,17 @@ var offsetCalibration = function (mapType, divElement, options, autoFitToViewpor
17
17
  divElement.style.transform = "translate(".concat(options.anchor ? options.anchor.x * -1 : '0', "px, ").concat(options.anchor ? options.anchor.y * -1 : '0', "px)");
18
18
  }
19
19
 
20
- if (autoFitToViewport) {
21
- // google 은 마커의 getBoundingClientRect 값을 바로 얻을 수 없어서 next tick 에 처리
20
+ if (autoFitToViewport || autoAdjustAnchor) {
21
+ // google 은 마커의 getBoundingClientRect 값을 바로 얻을 수 없어서 next tick 에 처리 (50회 트라이)
22
22
  if (mapType === 'google') {
23
- transformToFitWithNextTick(mapType, divElement, options, mapDivElement, 10);
23
+ transformToFitWithNextTick(divElement, mapDivElement, autoAdjustAnchor, 50);
24
24
  } else {
25
- transformToFit(mapType, divElement, options, mapDivElement);
25
+ transformToFit(divElement, mapDivElement, autoAdjustAnchor);
26
26
  }
27
27
  }
28
28
  };
29
29
 
30
- var transformToFitWithNextTick = function (mapType, divElement, options, mapDivElement, maxTryCount, nextCount) {
30
+ var transformToFitWithNextTick = function (divElement, mapDivElement, anchorAdjust, maxTryCount, nextCount) {
31
31
  var tryCount = nextCount || 0;
32
32
  setTimeout(function () {
33
33
  tryCount += 1;
@@ -39,14 +39,14 @@ var transformToFitWithNextTick = function (mapType, divElement, options, mapDivE
39
39
  var rect = divElement.getBoundingClientRect();
40
40
 
41
41
  if (rect.x === 0 && rect.y === 0 && rect.width === 0 && rect.height === 0) {
42
- transformToFitWithNextTick(mapType, divElement, options, mapDivElement, maxTryCount, tryCount);
42
+ transformToFitWithNextTick(divElement, mapDivElement, anchorAdjust, maxTryCount, tryCount);
43
43
  } else {
44
- transformToFit(mapType, divElement, options, mapDivElement);
44
+ transformToFit(divElement, mapDivElement, anchorAdjust);
45
45
  }
46
46
  }, 20);
47
47
  };
48
48
 
49
- var transformToFit = function (mapType, divElement, options, mapDivElement) {
49
+ var transformToFit = function (divElement, mapDivElement, anchorAdjust) {
50
50
  var mapRect = mapDivElement.getBoundingClientRect();
51
51
  var rect = divElement.getBoundingClientRect(); // 보정 값 계산
52
52
 
@@ -54,12 +54,16 @@ var transformToFit = function (mapType, divElement, options, mapDivElement) {
54
54
  var yValue = getMarkersFitPosition(mapRect.y, mapRect.height, rect.y, rect.height);
55
55
 
56
56
  if (xValue !== 0 || yValue !== 0) {
57
- if (mapType === 'google') {
58
- divElement.style.transform = "translate(50%, 100%) translate(".concat(options.anchor ? options.anchor.x * -1 + xValue : xValue, "px, ").concat(options.anchor ? options.anchor.y * -1 + yValue : yValue, "px)");
59
- } else if (mapType === 'kakao') {
60
- divElement.style.transform = "translate(".concat(options.anchor ? options.anchor.x * -1 + xValue : xValue, "px, ").concat(options.anchor ? options.anchor.y * -1 + yValue : yValue, "px)");
57
+ if (anchorAdjust) {
58
+ var toLeft = xValue < 0;
59
+ var toRight = xValue > 0;
60
+ var toTop = yValue < 0;
61
+ var toBottom = yValue > 0;
62
+ var transX = toLeft ? rect.width * -1 : toRight ? rect.width : 0;
63
+ var transY = toTop ? rect.height * -1 : toBottom ? rect.height : 0;
64
+ divElement.style.transform = divElement.style.transform + " translate(".concat(transX, "px, ").concat(transY, "px)");
61
65
  } else {
62
- divElement.style.transform = "translate(".concat(xValue, "px, ").concat(yValue, "px)");
66
+ divElement.style.transform = divElement.style.transform + " translate(".concat(xValue, "px, ").concat(yValue, "px)");
63
67
  }
64
68
  }
65
69
  };
@@ -67,23 +71,23 @@ var transformToFit = function (mapType, divElement, options, mapDivElement) {
67
71
  var getMarkersFitPosition = function (containerPosition, containerSize, markerPosition, markerSize) {
68
72
  var delta = markerPosition - containerPosition;
69
73
  var mapSize = containerSize;
70
- var overflowMin = delta <= 0;
71
- var overflowMax = delta + markerSize >= mapSize; // 한쪽만 넘어간 경우 처리
74
+ var overflowMin = delta < 0;
75
+ var overflowMax = delta + markerSize > mapSize; // 한쪽만 넘어간 경우 처리
72
76
 
73
77
  if (overflowMin && !overflowMax) {
74
- return delta;
78
+ return delta * -1;
75
79
  } else if (!overflowMin && overflowMax) {
76
80
  return mapSize - delta - markerSize;
77
81
  }
78
82
 
79
83
  return 0;
80
84
  };
81
- /**
82
- * Mint Map 컴포넌트
83
- *
84
- * @param {MapControlWrapperProps} MapControlWrapperProps
85
- *
86
- * @returns {JSX.Element} JSX
85
+ /**
86
+ * Mint Map 컴포넌트
87
+ *
88
+ * @param {MapControlWrapperProps} MapControlWrapperProps
89
+ *
90
+ * @returns {JSX.Element} JSX
87
91
  */
88
92
 
89
93
 
@@ -92,15 +96,17 @@ function MapMarkerWrapper(_a) {
92
96
  _a.endAnimationClassName;
93
97
  var _b = _a.autoFitToViewport,
94
98
  autoFitToViewport = _b === void 0 ? false : _b,
95
- _c = _a.topOnClick,
96
- topOnClick = _c === void 0 ? false : _c,
97
- _d = _a.topOnHover,
98
- topOnHover = _d === void 0 ? false : _d,
99
+ _c = _a.autoAdjustAnchor,
100
+ autoAdjustAnchor = _c === void 0 ? false : _c,
101
+ _d = _a.topOnClick,
102
+ topOnClick = _d === void 0 ? false : _d,
103
+ _e = _a.topOnHover,
104
+ topOnHover = _e === void 0 ? false : _e,
99
105
  movingAnimation = _a.movingAnimation,
100
- _e = _a.disablePointerEvent,
101
- disablePointerEvent = _e === void 0 ? false : _e,
106
+ _f = _a.disablePointerEvent,
107
+ disablePointerEvent = _f === void 0 ? false : _f,
102
108
  children = _a.children,
103
- options = tslib.__rest(_a, ["startAnimationClassName", "endAnimationClassName", "autoFitToViewport", "topOnClick", "topOnHover", "movingAnimation", "disablePointerEvent", "children"]); //controller
109
+ options = tslib.__rest(_a, ["startAnimationClassName", "endAnimationClassName", "autoFitToViewport", "autoAdjustAnchor", "topOnClick", "topOnHover", "movingAnimation", "disablePointerEvent", "children"]); //controller
104
110
 
105
111
 
106
112
  var controller = MintMapProvider.useMintMapController(); //element
@@ -110,9 +116,9 @@ function MapMarkerWrapper(_a) {
110
116
 
111
117
  var markerRef = React.useRef(); //moving animation
112
118
 
113
- var _f = React.useState({}),
114
- movingState = _f[0],
115
- setMovingState = _f[1];
119
+ var _g = React.useState({}),
120
+ movingState = _g[0],
121
+ setMovingState = _g[1];
116
122
 
117
123
  React.useEffect(function () {
118
124
  // console.log('movingState', movingState);
@@ -213,7 +219,7 @@ function MapMarkerWrapper(_a) {
213
219
  } //marker offset 보정
214
220
 
215
221
 
216
- offsetCalibration(controller.getMapType(), divElement, options, autoFitToViewport, controller.mapDivElement); //z-index 처리
222
+ offsetCalibration(controller.getMapType(), divElement, options, autoFitToViewport, autoAdjustAnchor, controller.mapDivElement); //z-index 처리
217
223
 
218
224
  if (options.zIndex !== undefined) {
219
225
  controller.setMarkerZIndex(markerRef.current, options.zIndex);
@@ -230,7 +236,7 @@ function MapMarkerWrapper(_a) {
230
236
  } //marker offset 보정
231
237
 
232
238
 
233
- offsetCalibration(controller.getMapType(), divElement, options, autoFitToViewport, controller.mapDivElement); //z-index 처리
239
+ offsetCalibration(controller.getMapType(), divElement, options, autoFitToViewport, autoAdjustAnchor, controller.mapDivElement); //z-index 처리
234
240
 
235
241
  if (options.zIndex !== undefined) {
236
242
  controller.setMarkerZIndex(markerRef.current, options.zIndex);
@@ -1,12 +1,12 @@
1
- import { PropsWithChildren } from "react";
2
- import { PolygonOptions } from "../../types/MapDrawables";
3
- export interface MapPolygonWrapperProps extends PolygonOptions {
4
- }
5
- /**
6
- * Mint Map 컴포넌트
7
- *
8
- * @param {MapControlWrapperProps} MapControlWrapperProps
9
- *
10
- * @returns {JSX.Element} JSX
11
- */
12
- export declare function MapPolygonWrapper({ children, ...options }: PropsWithChildren<MapPolygonWrapperProps>): JSX.Element;
1
+ import { PropsWithChildren } from "react";
2
+ import { PolygonOptions } from "../../types/MapDrawables";
3
+ export interface MapPolygonWrapperProps extends PolygonOptions {
4
+ }
5
+ /**
6
+ * Mint Map 컴포넌트
7
+ *
8
+ * @param {MapControlWrapperProps} MapControlWrapperProps
9
+ *
10
+ * @returns {JSX.Element} JSX
11
+ */
12
+ export declare function MapPolygonWrapper({ children, ...options }: PropsWithChildren<MapPolygonWrapperProps>): JSX.Element;
@@ -11,12 +11,12 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
11
11
 
12
12
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
13
13
 
14
- /**
15
- * Mint Map 컴포넌트
16
- *
17
- * @param {MapControlWrapperProps} MapControlWrapperProps
18
- *
19
- * @returns {JSX.Element} JSX
14
+ /**
15
+ * Mint Map 컴포넌트
16
+ *
17
+ * @param {MapControlWrapperProps} MapControlWrapperProps
18
+ *
19
+ * @returns {JSX.Element} JSX
20
20
  */
21
21
 
22
22
  function MapPolygonWrapper(_a) {
@@ -1,12 +1,12 @@
1
- import { PropsWithChildren } from "react";
2
- import { PolylineOptions } from "../../types/MapDrawables";
3
- export interface MapPolylineWrapperProps extends PolylineOptions {
4
- }
5
- /**
6
- * Mint Map 컴포넌트
7
- *
8
- * @param {MapControlWrapperProps} MapControlWrapperProps
9
- *
10
- * @returns {JSX.Element} JSX
11
- */
12
- export declare function MapPolylineWrapper({ children, ...options }: PropsWithChildren<MapPolylineWrapperProps>): JSX.Element;
1
+ import { PropsWithChildren } from "react";
2
+ import { PolylineOptions } from "../../types/MapDrawables";
3
+ export interface MapPolylineWrapperProps extends PolylineOptions {
4
+ }
5
+ /**
6
+ * Mint Map 컴포넌트
7
+ *
8
+ * @param {MapControlWrapperProps} MapControlWrapperProps
9
+ *
10
+ * @returns {JSX.Element} JSX
11
+ */
12
+ export declare function MapPolylineWrapper({ children, ...options }: PropsWithChildren<MapPolylineWrapperProps>): JSX.Element;
@@ -11,12 +11,12 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
11
11
 
12
12
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
13
13
 
14
- /**
15
- * Mint Map 컴포넌트
16
- *
17
- * @param {MapControlWrapperProps} MapControlWrapperProps
18
- *
19
- * @returns {JSX.Element} JSX
14
+ /**
15
+ * Mint Map 컴포넌트
16
+ *
17
+ * @param {MapControlWrapperProps} MapControlWrapperProps
18
+ *
19
+ * @returns {JSX.Element} JSX
20
20
  */
21
21
 
22
22
  function MapPolylineWrapper(_a) {
@@ -1,6 +1,6 @@
1
- export * from './MapControlWrapper';
2
- export * from './MapMarkerWrapper';
3
- export * from './MapPolygonWrapper';
4
- export * from './MapPolylineWrapper';
5
- export * from './MapCanvasWrapper';
6
- export * from './MapCanvasMarkerWrapper';
1
+ export * from './MapControlWrapper';
2
+ export * from './MapMarkerWrapper';
3
+ export * from './MapPolygonWrapper';
4
+ export * from './MapPolylineWrapper';
5
+ export * from './MapCanvasWrapper';
6
+ export * from './MapCanvasMarkerWrapper';
@@ -1,51 +1,51 @@
1
- /// <reference types="google.maps" />
2
- import { MintMapController } from "../core/MintMapController";
3
- import { MapType, MapVendorType } from "../types/CommonTypes";
4
- import { Drawable, Marker, MarkerOptions, Polygon, PolygonOptions, Polyline, PolylineOptions } from "../types/MapDrawables";
5
- import { EventCallback, EventParamType, MapEvent, MapEventName, MapUIEvent } from "../types/MapEventTypes";
6
- import { Bounds, Position } from "../types/MapTypes";
7
- import { MintMapProps } from "../types/MintMapProps";
8
- export declare class GoogleMintMapController extends MintMapController {
9
- type: MapType;
10
- map: google.maps.Map | null;
11
- scriptUrl: string;
12
- scriptModules: string[];
13
- protected mapEvent: MapEvent;
14
- protected mapUIEvent: MapUIEvent;
15
- constructor(props: MintMapProps);
16
- polylineEvents: string[];
17
- createPolyline(polyline: Polyline): void;
18
- updatePolyline(polyline: Polyline, options: PolylineOptions): void;
19
- polygonEvents: string[];
20
- createPolygon(polygon: Polygon): void;
21
- updatePolygon(polygon: Polygon, options: PolygonOptions): void;
22
- private getValidOptions;
23
- markerEvents: string[];
24
- createMarker(marker: Marker): void;
25
- updateMarker(marker: Marker, options: MarkerOptions): void;
26
- private markerMaxZIndex;
27
- private getMaxZIndex;
28
- setMarkerZIndex(marker: Marker, zIndex: number): void;
29
- markerToTheTop(marker: Marker): void;
30
- clearDrawable(drawable: Drawable): boolean;
31
- private dragged;
32
- isMapDragged(): boolean;
33
- setMapDragged(value: boolean): void;
34
- private checkLoaded;
35
- loadMapApi(): Promise<boolean>;
36
- lastMousePosition: Position | null;
37
- initializingMap(divElement: HTMLDivElement): Promise<MapVendorType>;
38
- destroyMap: () => void;
39
- private fromGoogleBounds;
40
- getCurrBounds(): Bounds;
41
- panningTo(targetCenter: Position): void;
42
- getZoomLevel(): number;
43
- setZoomLevel(zoom: number): void;
44
- getCenter(): Position;
45
- setCenter(position: Position): void;
46
- private eventMap;
47
- addEventListener(eventName: MapEventName, callback: EventCallback<EventParamType>): void;
48
- removeEventListener(eventName: MapEventName, callback: EventCallback<EventParamType>): void;
49
- removeAllEventListener(eventName?: MapEventName | undefined): void;
50
- private clearEventListener;
51
- }
1
+ /// <reference types="google.maps" />
2
+ import { MintMapController } from "../core/MintMapController";
3
+ import { MapType, MapVendorType } from "../types/CommonTypes";
4
+ import { Drawable, Marker, MarkerOptions, Polygon, PolygonOptions, Polyline, PolylineOptions } from "../types/MapDrawables";
5
+ import { EventCallback, EventParamType, MapEvent, MapEventName, MapUIEvent } from "../types/MapEventTypes";
6
+ import { Bounds, Position } from "../types/MapTypes";
7
+ import { MintMapProps } from "../types/MintMapProps";
8
+ export declare class GoogleMintMapController extends MintMapController {
9
+ type: MapType;
10
+ map: google.maps.Map | null;
11
+ scriptUrl: string;
12
+ scriptModules: string[];
13
+ protected mapEvent: MapEvent;
14
+ protected mapUIEvent: MapUIEvent;
15
+ constructor(props: MintMapProps);
16
+ polylineEvents: string[];
17
+ createPolyline(polyline: Polyline): void;
18
+ updatePolyline(polyline: Polyline, options: PolylineOptions): void;
19
+ polygonEvents: string[];
20
+ createPolygon(polygon: Polygon): void;
21
+ updatePolygon(polygon: Polygon, options: PolygonOptions): void;
22
+ private getValidOptions;
23
+ markerEvents: string[];
24
+ createMarker(marker: Marker): void;
25
+ updateMarker(marker: Marker, options: MarkerOptions): void;
26
+ private markerMaxZIndex;
27
+ private getMaxZIndex;
28
+ setMarkerZIndex(marker: Marker, zIndex: number): void;
29
+ markerToTheTop(marker: Marker): void;
30
+ clearDrawable(drawable: Drawable): boolean;
31
+ private dragged;
32
+ isMapDragged(): boolean;
33
+ setMapDragged(value: boolean): void;
34
+ private checkLoaded;
35
+ loadMapApi(): Promise<boolean>;
36
+ lastMousePosition: Position | null;
37
+ initializingMap(divElement: HTMLDivElement): Promise<MapVendorType>;
38
+ destroyMap: () => void;
39
+ private fromGoogleBounds;
40
+ getCurrBounds(): Bounds;
41
+ panningTo(targetCenter: Position): void;
42
+ getZoomLevel(): number;
43
+ setZoomLevel(zoom: number): void;
44
+ getCenter(): Position;
45
+ setCenter(position: Position): void;
46
+ private eventMap;
47
+ addEventListener(eventName: MapEventName, callback: EventCallback<EventParamType>): void;
48
+ removeEventListener(eventName: MapEventName, callback: EventCallback<EventParamType>): void;
49
+ removeAllEventListener(eventName?: MapEventName | undefined): void;
50
+ private clearEventListener;
51
+ }
@@ -1,5 +1,5 @@
1
- export * from './MintMap';
2
- export * from './core';
3
- export * from './naver/NaverMintMapController';
4
- export * from './google/GoogleMintMapController';
5
- export * from './types';
1
+ export * from './MintMap';
2
+ export * from './core';
3
+ export * from './naver/NaverMintMapController';
4
+ export * from './google/GoogleMintMapController';
5
+ export * from './types';