@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.
- package/.eslintrc.js +109 -109
- package/LICENSE +21 -21
- package/README.md +73 -73
- package/dist/components/mint-map/MintMap.d.ts +10 -10
- package/dist/components/mint-map/MintMap.js +6 -6
- package/dist/components/mint-map/core/MintMapCanvasRenderer.d.ts +4 -4
- package/dist/components/mint-map/core/MintMapController.d.ts +66 -66
- package/dist/components/mint-map/core/MintMapController.js +9 -9
- package/dist/components/mint-map/core/MintMapCore.d.ts +3 -3
- package/dist/components/mint-map/core/advanced/MapBuildingProjection.d.ts +15 -15
- package/dist/components/mint-map/core/advanced/MapLoadingComponents.d.ts +17 -17
- package/dist/components/mint-map/core/advanced/index.d.ts +3 -3
- package/dist/components/mint-map/core/advanced/shapes/CircleMarker.d.ts +22 -22
- package/dist/components/mint-map/core/advanced/shapes/CircleMarker.js +6 -6
- package/dist/components/mint-map/core/advanced/shapes/PolygonMarker.d.ts +28 -28
- package/dist/components/mint-map/core/advanced/shapes/PolygonMarker.js +6 -6
- package/dist/components/mint-map/core/advanced/shapes/base/SVGCircle.d.ts +8 -8
- package/dist/components/mint-map/core/advanced/shapes/base/SVGPolygon.d.ts +12 -12
- package/dist/components/mint-map/core/advanced/shapes/base/SVGRect.d.ts +10 -10
- package/dist/components/mint-map/core/advanced/shapes/base/index.d.ts +3 -3
- package/dist/components/mint-map/core/advanced/shapes/index.d.ts +3 -3
- package/dist/components/mint-map/core/hooks/MarkerMovingHook.d.ts +6 -6
- package/dist/components/mint-map/core/hooks/index.d.ts +1 -1
- package/dist/components/mint-map/core/index.d.ts +8 -8
- package/dist/components/mint-map/core/provider/MintMapProvider.d.ts +8 -8
- package/dist/components/mint-map/core/provider/index.d.ts +1 -1
- package/dist/components/mint-map/core/util/animation.d.ts +16 -16
- package/dist/components/mint-map/core/util/cluster.d.ts +18 -18
- package/dist/components/mint-map/core/util/geo.d.ts +38 -38
- package/dist/components/mint-map/core/util/index.d.ts +7 -7
- package/dist/components/mint-map/core/util/log.d.ts +1 -1
- package/dist/components/mint-map/core/util/polygon.d.ts +42 -42
- package/dist/components/mint-map/core/util/status.d.ts +9 -9
- package/dist/components/mint-map/core/util/waiting.d.ts +1 -1
- package/dist/components/mint-map/core/wrapper/MapCanvasMarkerWrapper.d.ts +27 -27
- package/dist/components/mint-map/core/wrapper/MapCanvasMarkerWrapper.js +6 -6
- package/dist/components/mint-map/core/wrapper/MapCanvasWrapper.d.ts +11 -11
- package/dist/components/mint-map/core/wrapper/MapCanvasWrapper.js +6 -6
- package/dist/components/mint-map/core/wrapper/MapControlWrapper.d.ts +18 -18
- package/dist/components/mint-map/core/wrapper/MapControlWrapper.js +6 -6
- package/dist/components/mint-map/core/wrapper/MapMarkerWrapper.d.ts +43 -42
- package/dist/components/mint-map/core/wrapper/MapMarkerWrapper.js +84 -21
- package/dist/components/mint-map/core/wrapper/MapPolygonWrapper.d.ts +12 -12
- package/dist/components/mint-map/core/wrapper/MapPolygonWrapper.js +6 -6
- package/dist/components/mint-map/core/wrapper/MapPolylineWrapper.d.ts +12 -12
- package/dist/components/mint-map/core/wrapper/MapPolylineWrapper.js +6 -6
- package/dist/components/mint-map/core/wrapper/index.d.ts +6 -6
- package/dist/components/mint-map/google/GoogleMintMapController.d.ts +51 -51
- package/dist/components/mint-map/index.d.ts +5 -5
- package/dist/components/mint-map/kakao/KakaoMintMapController.d.ts +55 -55
- package/dist/components/mint-map/kakao/KakaoMintMapController.js +7 -7
- package/dist/components/mint-map/naver/NaverMintMapController.d.ts +53 -53
- package/dist/components/mint-map/naver/NaverMintMapController.js +5 -5
- package/dist/components/mint-map/types/CommonTypes.d.ts +11 -11
- package/dist/components/mint-map/types/MapDrawables.d.ts +118 -118
- package/dist/components/mint-map/types/MapDrawables.js +8 -8
- package/dist/components/mint-map/types/MapEventTypes.d.ts +44 -44
- package/dist/components/mint-map/types/MapTypes.d.ts +60 -60
- package/dist/components/mint-map/types/MapTypes.js +13 -13
- package/dist/components/mint-map/types/MintMapEvents.d.ts +25 -25
- package/dist/components/mint-map/types/MintMapProps.d.ts +101 -101
- package/dist/components/mint-map/types/index.d.ts +6 -6
- package/dist/index.d.ts +7 -7
- package/dist/index.es.js +174 -111
- package/dist/index.umd.js +174 -111
- 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
|
-
|
|
37
|
-
*
|
|
38
|
-
*
|
|
39
|
-
*
|
|
40
|
-
*
|
|
41
|
-
|
|
42
|
-
|
|
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(
|
|
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(
|
|
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.
|
|
33
|
-
|
|
34
|
-
_c = _a.
|
|
35
|
-
|
|
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
|
-
|
|
38
|
-
disablePointerEvent =
|
|
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
|
|
51
|
-
movingState =
|
|
52
|
-
setMovingState =
|
|
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';
|