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

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 +43 -42
  42. package/dist/components/mint-map/core/wrapper/MapMarkerWrapper.js +84 -21
  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 +174 -111
  65. package/dist/index.umd.js +174 -111
  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,42 +1,43 @@
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
- }
35
- /**
36
- * Mint Map 컴포넌트
37
- *
38
- * @param {MapControlWrapperProps} MapControlWrapperProps
39
- *
40
- * @returns {JSX.Element} JSX
41
- */
42
- export declare function MapMarkerWrapper({ startAnimationClassName, endAnimationClassName, 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
+ }
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;
@@ -9,35 +9,98 @@ 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) {
12
+ var offsetCalibration = function (mapType, divElement, options, autoFitToViewport, mapDivElement) {
13
13
  //google 맵의 anchor 보정 (네이버와 같이 왼쪽/위 기준으로 처리)
14
14
  if (mapType === 'google') {
15
- divElement.style.transform = "translate(50%, 100%) translate(-".concat(options.anchor ? options.anchor.x : '0', "px, -").concat(options.anchor ? options.anchor.y : '0', "px)");
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)");
16
16
  } else if (mapType === 'kakao') {
17
- divElement.style.transform = "translate(-".concat(options.anchor ? options.anchor.x : '0', "px, -").concat(options.anchor ? options.anchor.y : '0', "px)");
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
+
20
+ if (autoFitToViewport) {
21
+ // google 은 마커의 getBoundingClientRect 값을 바로 얻을 수 없어서 next tick 에 처리
22
+ if (mapType === 'google') {
23
+ transformToFitWithNextTick(mapType, divElement, options, mapDivElement, 10);
24
+ } else {
25
+ transformToFit(mapType, divElement, options, mapDivElement);
26
+ }
27
+ }
28
+ };
29
+
30
+ var transformToFitWithNextTick = function (mapType, divElement, options, mapDivElement, maxTryCount, nextCount) {
31
+ var tryCount = nextCount || 0;
32
+ setTimeout(function () {
33
+ tryCount += 1;
34
+
35
+ if (tryCount > maxTryCount) {
36
+ return;
37
+ }
38
+
39
+ var rect = divElement.getBoundingClientRect();
40
+
41
+ if (rect.x === 0 && rect.y === 0 && rect.width === 0 && rect.height === 0) {
42
+ transformToFitWithNextTick(mapType, divElement, options, mapDivElement, maxTryCount, tryCount);
43
+ } else {
44
+ transformToFit(mapType, divElement, options, mapDivElement);
45
+ }
46
+ }, 20);
47
+ };
48
+
49
+ var transformToFit = function (mapType, divElement, options, mapDivElement) {
50
+ var mapRect = mapDivElement.getBoundingClientRect();
51
+ var rect = divElement.getBoundingClientRect(); // 보정 값 계산
52
+
53
+ var xValue = getMarkersFitPosition(mapRect.x, mapRect.width, rect.x, rect.width);
54
+ var yValue = getMarkersFitPosition(mapRect.y, mapRect.height, rect.y, rect.height);
55
+
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)");
61
+ } else {
62
+ divElement.style.transform = "translate(".concat(xValue, "px, ").concat(yValue, "px)");
63
+ }
64
+ }
65
+ };
66
+
67
+ var getMarkersFitPosition = function (containerPosition, containerSize, markerPosition, markerSize) {
68
+ var delta = markerPosition - containerPosition;
69
+ var mapSize = containerSize;
70
+ var overflowMin = delta <= 0;
71
+ var overflowMax = delta + markerSize >= mapSize; // 한쪽만 넘어간 경우 처리
72
+
73
+ if (overflowMin && !overflowMax) {
74
+ return delta;
75
+ } else if (!overflowMin && overflowMax) {
76
+ return mapSize - delta - markerSize;
77
+ }
78
+
79
+ return 0;
19
80
  };
20
- /**
21
- * Mint Map 컴포넌트
22
- *
23
- * @param {MapControlWrapperProps} MapControlWrapperProps
24
- *
25
- * @returns {JSX.Element} JSX
81
+ /**
82
+ * Mint Map 컴포넌트
83
+ *
84
+ * @param {MapControlWrapperProps} MapControlWrapperProps
85
+ *
86
+ * @returns {JSX.Element} JSX
26
87
  */
27
88
 
28
89
 
29
90
  function MapMarkerWrapper(_a) {
30
91
  _a.startAnimationClassName;
31
92
  _a.endAnimationClassName;
32
- var _b = _a.topOnClick,
33
- topOnClick = _b === void 0 ? false : _b,
34
- _c = _a.topOnHover,
35
- topOnHover = _c === void 0 ? false : _c,
93
+ var _b = _a.autoFitToViewport,
94
+ 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,
36
99
  movingAnimation = _a.movingAnimation,
37
- _d = _a.disablePointerEvent,
38
- disablePointerEvent = _d === void 0 ? false : _d,
100
+ _e = _a.disablePointerEvent,
101
+ disablePointerEvent = _e === void 0 ? false : _e,
39
102
  children = _a.children,
40
- options = tslib.__rest(_a, ["startAnimationClassName", "endAnimationClassName", "topOnClick", "topOnHover", "movingAnimation", "disablePointerEvent", "children"]); //controller
103
+ options = tslib.__rest(_a, ["startAnimationClassName", "endAnimationClassName", "autoFitToViewport", "topOnClick", "topOnHover", "movingAnimation", "disablePointerEvent", "children"]); //controller
41
104
 
42
105
 
43
106
  var controller = MintMapProvider.useMintMapController(); //element
@@ -47,9 +110,9 @@ function MapMarkerWrapper(_a) {
47
110
 
48
111
  var markerRef = React.useRef(); //moving animation
49
112
 
50
- var _e = React.useState({}),
51
- movingState = _e[0],
52
- setMovingState = _e[1];
113
+ var _f = React.useState({}),
114
+ movingState = _f[0],
115
+ setMovingState = _f[1];
53
116
 
54
117
  React.useEffect(function () {
55
118
  // console.log('movingState', movingState);
@@ -150,7 +213,7 @@ function MapMarkerWrapper(_a) {
150
213
  } //marker offset 보정
151
214
 
152
215
 
153
- offsetCalibration(controller.getMapType(), divElement, options); //z-index 처리
216
+ offsetCalibration(controller.getMapType(), divElement, options, autoFitToViewport, controller.mapDivElement); //z-index 처리
154
217
 
155
218
  if (options.zIndex !== undefined) {
156
219
  controller.setMarkerZIndex(markerRef.current, options.zIndex);
@@ -167,7 +230,7 @@ function MapMarkerWrapper(_a) {
167
230
  } //marker offset 보정
168
231
 
169
232
 
170
- offsetCalibration(controller.getMapType(), divElement, options); //z-index 처리
233
+ offsetCalibration(controller.getMapType(), divElement, options, autoFitToViewport, controller.mapDivElement); //z-index 처리
171
234
 
172
235
  if (options.zIndex !== undefined) {
173
236
  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';