@mint-ui/map 1.0.0 → 1.1.0
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 +81 -81
- 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 +70 -70
- package/dist/components/mint-map/core/MintMapController.js +10 -62
- 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/canvas/CanvasMarker.d.ts +18 -18
- package/dist/components/mint-map/core/advanced/canvas/draw/canvas-util.d.ts +5 -5
- package/dist/components/mint-map/core/advanced/canvas/index.d.ts +1 -1
- package/dist/components/mint-map/core/advanced/index.d.ts +4 -4
- 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 +8 -8
- package/dist/components/mint-map/core/util/log.d.ts +1 -1
- package/dist/components/mint-map/core/util/map.d.ts +2 -2
- 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 +20 -20
- package/dist/components/mint-map/core/wrapper/MapControlWrapper.js +6 -6
- package/dist/components/mint-map/core/wrapper/MapMarkerWrapper.d.ts +51 -51
- package/dist/components/mint-map/core/wrapper/MapMarkerWrapper.js +6 -6
- 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 +54 -53
- package/dist/components/mint-map/google/GoogleMintMapController.js +25 -1
- package/dist/components/mint-map/index.d.ts +5 -5
- package/dist/components/mint-map/kakao/KakaoMintMapController.js +40 -7
- package/dist/components/mint-map/naver/NaverMintMapController.d.ts +56 -55
- package/dist/components/mint-map/naver/NaverMintMapController.js +45 -7
- 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 +66 -60
- package/dist/components/mint-map/types/MapTypes.js +22 -13
- package/dist/components/mint-map/types/MintMapEvents.d.ts +25 -25
- package/dist/components/mint-map/types/MintMapProps.d.ts +111 -111
- package/dist/components/mint-map/types/index.d.ts +6 -6
- package/dist/index.d.ts +7 -7
- package/dist/index.es.js +3684 -3665
- package/dist/index.js +1 -0
- package/dist/index.umd.js +3683 -3663
- package/package.json +77 -77
- package/dist/components/mint-map/kakao/KakaoMintMapController.d.ts +0 -57
- package/dist/components/mint-map/types/CommonTypes.d.ts +0 -11
|
@@ -7,7 +7,7 @@ var uuid = require('uuid');
|
|
|
7
7
|
var MapTypes = require('../types/MapTypes.js');
|
|
8
8
|
require('./util/animation.js');
|
|
9
9
|
require('./util/geo.js');
|
|
10
|
-
|
|
10
|
+
require('./util/polygon.js');
|
|
11
11
|
var status = require('./util/status.js');
|
|
12
12
|
var map = require('./util/map.js');
|
|
13
13
|
|
|
@@ -112,12 +112,12 @@ function () {
|
|
|
112
112
|
MintMapController.prototype.getRandomFunctionName = function (prefix) {
|
|
113
113
|
return "".concat(prefix, "_").concat(uuid.v4().replace(/-/g, '_'));
|
|
114
114
|
};
|
|
115
|
-
/**
|
|
116
|
-
* URL 빌더 메서드
|
|
117
|
-
*
|
|
118
|
-
* @param {string} baseUrl: 기본 URL
|
|
119
|
-
* @param {{ [ key: string ]: string | string[] }} param: 파라미터 JSON
|
|
120
|
-
* @returns {string} URL
|
|
115
|
+
/**
|
|
116
|
+
* URL 빌더 메서드
|
|
117
|
+
*
|
|
118
|
+
* @param {string} baseUrl: 기본 URL
|
|
119
|
+
* @param {{ [ key: string ]: string | string[] }} param: 파라미터 JSON
|
|
120
|
+
* @returns {string} URL
|
|
121
121
|
*/
|
|
122
122
|
|
|
123
123
|
|
|
@@ -130,9 +130,9 @@ function () {
|
|
|
130
130
|
}).join('&');
|
|
131
131
|
return "".concat(baseUrl, "?").concat(params);
|
|
132
132
|
};
|
|
133
|
-
/**
|
|
134
|
-
* 쓰로틀링 처리
|
|
135
|
-
* @returns
|
|
133
|
+
/**
|
|
134
|
+
* 쓰로틀링 처리
|
|
135
|
+
* @returns
|
|
136
136
|
*/
|
|
137
137
|
|
|
138
138
|
|
|
@@ -173,58 +173,6 @@ function () {
|
|
|
173
173
|
throw new Error("[getMapToBaseZoom][".concat(mapZoom, "] is not valid zoom level"));
|
|
174
174
|
};
|
|
175
175
|
|
|
176
|
-
MintMapController.prototype.focusPositionsToFitViewport = function (positions) {
|
|
177
|
-
var map = this; // positions 바운더리 구하기
|
|
178
|
-
|
|
179
|
-
var markerBounds = polygon.PolygonCalculator.getRegionInfo(positions);
|
|
180
|
-
|
|
181
|
-
if (!markerBounds.centerLat || !markerBounds.centerLng || !markerBounds.minLat || !markerBounds.maxLat || !markerBounds.minLng || !markerBounds.maxLng) {
|
|
182
|
-
return;
|
|
183
|
-
} // 이동해야할 센터 좌표
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
var toCenter = new MapTypes.Position(markerBounds.centerLat, markerBounds.centerLng); // 센터로 이동
|
|
187
|
-
|
|
188
|
-
map.setCenter(toCenter); // positions 바운더리의 폴리곤 값
|
|
189
|
-
|
|
190
|
-
var markerBoundsToPolygon = [new MapTypes.Position(markerBounds.minLat, markerBounds.minLng), new MapTypes.Position(markerBounds.minLat, markerBounds.maxLng), new MapTypes.Position(markerBounds.maxLat, markerBounds.maxLng), new MapTypes.Position(markerBounds.maxLat, markerBounds.minLng)]; // 적정 줌레벨 구하기
|
|
191
|
-
|
|
192
|
-
var zoomLevelResult = map.getZoomLevel();
|
|
193
|
-
var currZoomLevel = zoomLevelResult;
|
|
194
|
-
var iterCnt = 0;
|
|
195
|
-
var direction = undefined;
|
|
196
|
-
|
|
197
|
-
while (iterCnt < 23) {
|
|
198
|
-
//최대 줌레벨 갯수 만큼만 반복...
|
|
199
|
-
iterCnt += 1; // 줌 레벨 변경
|
|
200
|
-
|
|
201
|
-
map.setZoomLevel(currZoomLevel); // 현재 바운더리 구하기
|
|
202
|
-
|
|
203
|
-
var mapBounds = map.getCurrBounds(); // 현재 맵에 바운더리 포함된다면 줌레벨 더해서 반복 체크
|
|
204
|
-
|
|
205
|
-
if (mapBounds.includes(markerBoundsToPolygon)) {
|
|
206
|
-
if (direction === '-') {
|
|
207
|
-
// 직전에 이미 빼고있는 상태였다면 여기서 종료
|
|
208
|
-
break;
|
|
209
|
-
}
|
|
210
|
-
|
|
211
|
-
direction = '+';
|
|
212
|
-
currZoomLevel += 1;
|
|
213
|
-
} else {
|
|
214
|
-
// 포함되지 않으면
|
|
215
|
-
if (direction === '+') {
|
|
216
|
-
// 직전에 이미 더한 상태였다면 직전 줌레벨로 종료
|
|
217
|
-
currZoomLevel -= 1;
|
|
218
|
-
map.setZoomLevel(currZoomLevel);
|
|
219
|
-
break;
|
|
220
|
-
} else {
|
|
221
|
-
direction = '-';
|
|
222
|
-
currZoomLevel -= 1;
|
|
223
|
-
}
|
|
224
|
-
}
|
|
225
|
-
}
|
|
226
|
-
};
|
|
227
|
-
|
|
228
176
|
MintMapController.prototype.morph = function (position, zoom, option) {
|
|
229
177
|
var naverMap = map.getMapOfType('naver', this.map);
|
|
230
178
|
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { PropsWithChildren } from "react";
|
|
2
|
-
import { MintMapProps } from "../types/MintMapProps";
|
|
3
|
-
export declare function MintMapCore({ onLoad, visible, zoomLevel, center, centerMoveWithPanning, children }: PropsWithChildren<MintMapProps>): JSX.Element;
|
|
1
|
+
import { PropsWithChildren } from "react";
|
|
2
|
+
import { MintMapProps } from "../types/MintMapProps";
|
|
3
|
+
export declare function MintMapCore({ onLoad, visible, zoomLevel, center, centerMoveWithPanning, children }: PropsWithChildren<MintMapProps>): JSX.Element;
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { Position } from "../../types/MapTypes";
|
|
3
|
-
interface MapBuildingProjectionProps {
|
|
4
|
-
basePolygonPath: Position[];
|
|
5
|
-
numberOfFloor: number;
|
|
6
|
-
heightOfFloor?: number;
|
|
7
|
-
lineColor?: string;
|
|
8
|
-
lineOpacity?: number;
|
|
9
|
-
fillColor?: string;
|
|
10
|
-
fillOpacity?: number;
|
|
11
|
-
title?: string;
|
|
12
|
-
titleElement?: JSX.Element;
|
|
13
|
-
}
|
|
14
|
-
export declare function MapBuildingProjection(props: MapBuildingProjectionProps): JSX.Element;
|
|
15
|
-
export {};
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { Position } from "../../types/MapTypes";
|
|
3
|
+
interface MapBuildingProjectionProps {
|
|
4
|
+
basePolygonPath: Position[];
|
|
5
|
+
numberOfFloor: number;
|
|
6
|
+
heightOfFloor?: number;
|
|
7
|
+
lineColor?: string;
|
|
8
|
+
lineOpacity?: number;
|
|
9
|
+
fillColor?: string;
|
|
10
|
+
fillOpacity?: number;
|
|
11
|
+
title?: string;
|
|
12
|
+
titleElement?: JSX.Element;
|
|
13
|
+
}
|
|
14
|
+
export declare function MapBuildingProjection(props: MapBuildingProjectionProps): JSX.Element;
|
|
15
|
+
export {};
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
/**
|
|
3
|
-
* 유틸 컴포넌트 : 텍스트 로딩
|
|
4
|
-
*/
|
|
5
|
-
export interface PointLoadingProps {
|
|
6
|
-
text?: string;
|
|
7
|
-
pointCount?: number;
|
|
8
|
-
speedMs?: number;
|
|
9
|
-
}
|
|
10
|
-
export declare function PointLoading({ text, pointCount, speedMs }: PointLoadingProps): JSX.Element;
|
|
11
|
-
export declare function MapLoadingWithImage({ size }: MapImageLoadingProps): JSX.Element;
|
|
12
|
-
interface MapImageLoadingProps {
|
|
13
|
-
size?: number;
|
|
14
|
-
duration?: number;
|
|
15
|
-
delay?: number;
|
|
16
|
-
}
|
|
17
|
-
export {};
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
/**
|
|
3
|
+
* 유틸 컴포넌트 : 텍스트 로딩
|
|
4
|
+
*/
|
|
5
|
+
export interface PointLoadingProps {
|
|
6
|
+
text?: string;
|
|
7
|
+
pointCount?: number;
|
|
8
|
+
speedMs?: number;
|
|
9
|
+
}
|
|
10
|
+
export declare function PointLoading({ text, pointCount, speedMs }: PointLoadingProps): JSX.Element;
|
|
11
|
+
export declare function MapLoadingWithImage({ size }: MapImageLoadingProps): JSX.Element;
|
|
12
|
+
interface MapImageLoadingProps {
|
|
13
|
+
size?: number;
|
|
14
|
+
duration?: number;
|
|
15
|
+
delay?: number;
|
|
16
|
+
}
|
|
17
|
+
export {};
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { MarkerOptions, Offset, Position } from "../../../types";
|
|
3
|
-
export interface CanvasMarkerRendererParams<T> {
|
|
4
|
-
context: CanvasRenderingContext2D;
|
|
5
|
-
offset: Offset[];
|
|
6
|
-
payload?: CanvasMarkerData<T>;
|
|
7
|
-
}
|
|
8
|
-
export interface CanvasMarkerOption {
|
|
9
|
-
position?: Position[];
|
|
10
|
-
visible?: boolean;
|
|
11
|
-
}
|
|
12
|
-
export declare type CanvasMarkerData<T> = T & CanvasMarkerOption;
|
|
13
|
-
export declare type CanvasMarkerRenderFunction<T> = (params: CanvasMarkerRendererParams<T>) => void;
|
|
14
|
-
export interface CanvasMarkerProps<T> extends Pick<MarkerOptions, 'zIndex' | 'anchor' | 'visible'> {
|
|
15
|
-
renderer: CanvasMarkerRenderFunction<T>;
|
|
16
|
-
data: CanvasMarkerData<T>[];
|
|
17
|
-
}
|
|
18
|
-
export declare function CanvasMarker<T>({ renderer, data, ...options }: CanvasMarkerProps<T>): React.ReactPortal;
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { MarkerOptions, Offset, Position } from "../../../types";
|
|
3
|
+
export interface CanvasMarkerRendererParams<T> {
|
|
4
|
+
context: CanvasRenderingContext2D;
|
|
5
|
+
offset: Offset[];
|
|
6
|
+
payload?: CanvasMarkerData<T>;
|
|
7
|
+
}
|
|
8
|
+
export interface CanvasMarkerOption {
|
|
9
|
+
position?: Position[];
|
|
10
|
+
visible?: boolean;
|
|
11
|
+
}
|
|
12
|
+
export declare type CanvasMarkerData<T> = T & CanvasMarkerOption;
|
|
13
|
+
export declare type CanvasMarkerRenderFunction<T> = (params: CanvasMarkerRendererParams<T>) => void;
|
|
14
|
+
export interface CanvasMarkerProps<T> extends Pick<MarkerOptions, 'zIndex' | 'anchor' | 'visible'> {
|
|
15
|
+
renderer: CanvasMarkerRenderFunction<T>;
|
|
16
|
+
data: CanvasMarkerData<T>[];
|
|
17
|
+
}
|
|
18
|
+
export declare function CanvasMarker<T>({ renderer, data, ...options }: CanvasMarkerProps<T>): React.ReactPortal;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { MintMapController } from "../../../MintMapController";
|
|
2
|
-
import { CanvasMarkerData, CanvasMarkerRenderFunction } from "../CanvasMarker";
|
|
3
|
-
export declare const scaleCanvas: (controller: MintMapController, canvasElement: HTMLCanvasElement, canvasContext: CanvasRenderingContext2D) => void;
|
|
4
|
-
export declare const clearRect: (canvas: HTMLCanvasElement | null, context?: CanvasRenderingContext2D | null) => boolean;
|
|
5
|
-
export declare function renderMain<T>(controller: MintMapController, renderer: CanvasMarkerRenderFunction<T>, container?: HTMLDivElement | null, canvas?: HTMLCanvasElement | null, context?: CanvasRenderingContext2D | null, data?: CanvasMarkerData<T>[]): void;
|
|
1
|
+
import { MintMapController } from "../../../MintMapController";
|
|
2
|
+
import { CanvasMarkerData, CanvasMarkerRenderFunction } from "../CanvasMarker";
|
|
3
|
+
export declare const scaleCanvas: (controller: MintMapController, canvasElement: HTMLCanvasElement, canvasContext: CanvasRenderingContext2D) => void;
|
|
4
|
+
export declare const clearRect: (canvas: HTMLCanvasElement | null, context?: CanvasRenderingContext2D | null) => boolean;
|
|
5
|
+
export declare function renderMain<T>(controller: MintMapController, renderer: CanvasMarkerRenderFunction<T>, container?: HTMLDivElement | null, canvas?: HTMLCanvasElement | null, context?: CanvasRenderingContext2D | null, data?: CanvasMarkerData<T>[]): void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from './CanvasMarker';
|
|
1
|
+
export * from './CanvasMarker';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export * from './shapes';
|
|
2
|
-
export * from './canvas';
|
|
3
|
-
export * from './MapBuildingProjection';
|
|
4
|
-
export * from './MapLoadingComponents';
|
|
1
|
+
export * from './shapes';
|
|
2
|
+
export * from './canvas';
|
|
3
|
+
export * from './MapBuildingProjection';
|
|
4
|
+
export * from './MapLoadingComponents';
|
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
import React, { PropsWithChildren } from "react";
|
|
2
|
-
import { Position } from "../../../types";
|
|
3
|
-
export interface CircleMarkerProps {
|
|
4
|
-
center: Position;
|
|
5
|
-
radius: number;
|
|
6
|
-
radiusUnit?: 'PIXEL' | 'METER';
|
|
7
|
-
background?: string;
|
|
8
|
-
visible?: boolean;
|
|
9
|
-
zIndex?: number;
|
|
10
|
-
svgProperties?: React.SVGProps<SVGSVGElement>;
|
|
11
|
-
shapeProperties?: React.SVGProps<SVGCircleElement>;
|
|
12
|
-
debug?: boolean | undefined;
|
|
13
|
-
debugLabel?: string;
|
|
14
|
-
}
|
|
15
|
-
/**
|
|
16
|
-
* CircleMarker
|
|
17
|
-
*
|
|
18
|
-
* @param {CircleMarkerProps} CircleMarkerProps
|
|
19
|
-
*
|
|
20
|
-
* @returns {JSX.Element} JSX
|
|
21
|
-
*/
|
|
22
|
-
export declare function CircleMarker({ children, center, radius, radiusUnit, background, svgProperties, shapeProperties, visible, zIndex, debug, debugLabel, }: PropsWithChildren<CircleMarkerProps>): JSX.Element;
|
|
1
|
+
import React, { PropsWithChildren } from "react";
|
|
2
|
+
import { Position } from "../../../types";
|
|
3
|
+
export interface CircleMarkerProps {
|
|
4
|
+
center: Position;
|
|
5
|
+
radius: number;
|
|
6
|
+
radiusUnit?: 'PIXEL' | 'METER';
|
|
7
|
+
background?: string;
|
|
8
|
+
visible?: boolean;
|
|
9
|
+
zIndex?: number;
|
|
10
|
+
svgProperties?: React.SVGProps<SVGSVGElement>;
|
|
11
|
+
shapeProperties?: React.SVGProps<SVGCircleElement>;
|
|
12
|
+
debug?: boolean | undefined;
|
|
13
|
+
debugLabel?: string;
|
|
14
|
+
}
|
|
15
|
+
/**
|
|
16
|
+
* CircleMarker
|
|
17
|
+
*
|
|
18
|
+
* @param {CircleMarkerProps} CircleMarkerProps
|
|
19
|
+
*
|
|
20
|
+
* @returns {JSX.Element} JSX
|
|
21
|
+
*/
|
|
22
|
+
export declare function CircleMarker({ children, center, radius, radiusUnit, background, svgProperties, shapeProperties, visible, zIndex, debug, debugLabel, }: PropsWithChildren<CircleMarkerProps>): JSX.Element;
|
|
@@ -19,12 +19,12 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
19
19
|
|
|
20
20
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
21
21
|
|
|
22
|
-
/**
|
|
23
|
-
* CircleMarker
|
|
24
|
-
*
|
|
25
|
-
* @param {CircleMarkerProps} CircleMarkerProps
|
|
26
|
-
*
|
|
27
|
-
* @returns {JSX.Element} JSX
|
|
22
|
+
/**
|
|
23
|
+
* CircleMarker
|
|
24
|
+
*
|
|
25
|
+
* @param {CircleMarkerProps} CircleMarkerProps
|
|
26
|
+
*
|
|
27
|
+
* @returns {JSX.Element} JSX
|
|
28
28
|
*/
|
|
29
29
|
|
|
30
30
|
function CircleMarker(_a) {
|
|
@@ -1,28 +1,28 @@
|
|
|
1
|
-
import React, { PropsWithChildren } from "react";
|
|
2
|
-
import { Position } from "../../../types";
|
|
3
|
-
export interface PolygonMarkerProps {
|
|
4
|
-
position: Position[];
|
|
5
|
-
innerPositions?: Position[][];
|
|
6
|
-
background?: string;
|
|
7
|
-
visible?: boolean;
|
|
8
|
-
zIndex?: number;
|
|
9
|
-
simplifyPath?: boolean;
|
|
10
|
-
simplifyTolerance?: number;
|
|
11
|
-
/**
|
|
12
|
-
* @deprecated 마지막 좌표의 시작점여부는 내부적으로 계산하여 처리하므로 추후에는 삭제예정
|
|
13
|
-
*/
|
|
14
|
-
lastReapeated?: boolean;
|
|
15
|
-
mode?: 'POLYGON' | 'POLYLINE';
|
|
16
|
-
svgProperties?: React.SVGProps<SVGSVGElement>;
|
|
17
|
-
shapeProperties?: React.SVGProps<SVGPathElement>;
|
|
18
|
-
debug?: boolean | undefined;
|
|
19
|
-
debugLabel?: string;
|
|
20
|
-
}
|
|
21
|
-
/**
|
|
22
|
-
*PolygonMarker
|
|
23
|
-
*
|
|
24
|
-
* @param {PolygonMarkerProps} PolygonMarkerProps
|
|
25
|
-
*
|
|
26
|
-
* @returns {JSX.Element} JSX
|
|
27
|
-
*/
|
|
28
|
-
export declare function PolygonMarker({ children, position, background, innerPositions, simplifyPath, simplifyTolerance, lastReapeated, svgProperties, shapeProperties, visible, zIndex, mode, debug, debugLabel, }: PropsWithChildren<PolygonMarkerProps>): JSX.Element;
|
|
1
|
+
import React, { PropsWithChildren } from "react";
|
|
2
|
+
import { Position } from "../../../types";
|
|
3
|
+
export interface PolygonMarkerProps {
|
|
4
|
+
position: Position[];
|
|
5
|
+
innerPositions?: Position[][];
|
|
6
|
+
background?: string;
|
|
7
|
+
visible?: boolean;
|
|
8
|
+
zIndex?: number;
|
|
9
|
+
simplifyPath?: boolean;
|
|
10
|
+
simplifyTolerance?: number;
|
|
11
|
+
/**
|
|
12
|
+
* @deprecated 마지막 좌표의 시작점여부는 내부적으로 계산하여 처리하므로 추후에는 삭제예정
|
|
13
|
+
*/
|
|
14
|
+
lastReapeated?: boolean;
|
|
15
|
+
mode?: 'POLYGON' | 'POLYLINE';
|
|
16
|
+
svgProperties?: React.SVGProps<SVGSVGElement>;
|
|
17
|
+
shapeProperties?: React.SVGProps<SVGPathElement>;
|
|
18
|
+
debug?: boolean | undefined;
|
|
19
|
+
debugLabel?: string;
|
|
20
|
+
}
|
|
21
|
+
/**
|
|
22
|
+
*PolygonMarker
|
|
23
|
+
*
|
|
24
|
+
* @param {PolygonMarkerProps} PolygonMarkerProps
|
|
25
|
+
*
|
|
26
|
+
* @returns {JSX.Element} JSX
|
|
27
|
+
*/
|
|
28
|
+
export declare function PolygonMarker({ children, position, background, innerPositions, simplifyPath, simplifyTolerance, lastReapeated, svgProperties, shapeProperties, visible, zIndex, mode, debug, debugLabel, }: PropsWithChildren<PolygonMarkerProps>): JSX.Element;
|
|
@@ -20,12 +20,12 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
20
20
|
|
|
21
21
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
22
22
|
|
|
23
|
-
/**
|
|
24
|
-
*PolygonMarker
|
|
25
|
-
*
|
|
26
|
-
* @param {PolygonMarkerProps} PolygonMarkerProps
|
|
27
|
-
*
|
|
28
|
-
* @returns {JSX.Element} JSX
|
|
23
|
+
/**
|
|
24
|
+
*PolygonMarker
|
|
25
|
+
*
|
|
26
|
+
* @param {PolygonMarkerProps} PolygonMarkerProps
|
|
27
|
+
*
|
|
28
|
+
* @returns {JSX.Element} JSX
|
|
29
29
|
*/
|
|
30
30
|
|
|
31
31
|
function PolygonMarker(_a) {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import React, { PropsWithChildren } from "react";
|
|
2
|
-
export interface SVGCircleProps {
|
|
3
|
-
radius?: number;
|
|
4
|
-
background?: string;
|
|
5
|
-
svgProperties?: React.SVGProps<SVGSVGElement>;
|
|
6
|
-
shapeProperties?: React.SVGProps<SVGCircleElement>;
|
|
7
|
-
}
|
|
8
|
-
export declare function SVGCircle({ radius, background, children, svgProperties, shapeProperties, }: PropsWithChildren<SVGCircleProps>): JSX.Element;
|
|
1
|
+
import React, { PropsWithChildren } from "react";
|
|
2
|
+
export interface SVGCircleProps {
|
|
3
|
+
radius?: number;
|
|
4
|
+
background?: string;
|
|
5
|
+
svgProperties?: React.SVGProps<SVGSVGElement>;
|
|
6
|
+
shapeProperties?: React.SVGProps<SVGCircleElement>;
|
|
7
|
+
}
|
|
8
|
+
export declare function SVGCircle({ radius, background, children, svgProperties, shapeProperties, }: PropsWithChildren<SVGCircleProps>): JSX.Element;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { PropsWithChildren } from "react";
|
|
3
|
-
import { Offset } from "../../../../types";
|
|
4
|
-
export interface SVGPolygonProps {
|
|
5
|
-
path: Offset[];
|
|
6
|
-
innerPath?: Offset[][];
|
|
7
|
-
background?: string;
|
|
8
|
-
mode?: 'POLYGON' | 'POLYLINE';
|
|
9
|
-
svgProperties?: React.SVGProps<SVGSVGElement>;
|
|
10
|
-
shapeProperties?: React.SVGProps<SVGPathElement>;
|
|
11
|
-
}
|
|
12
|
-
export declare function SVGPolygon({ path, innerPath, background, svgProperties, shapeProperties, mode, children, }: PropsWithChildren<SVGPolygonProps>): JSX.Element;
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { PropsWithChildren } from "react";
|
|
3
|
+
import { Offset } from "../../../../types";
|
|
4
|
+
export interface SVGPolygonProps {
|
|
5
|
+
path: Offset[];
|
|
6
|
+
innerPath?: Offset[][];
|
|
7
|
+
background?: string;
|
|
8
|
+
mode?: 'POLYGON' | 'POLYLINE';
|
|
9
|
+
svgProperties?: React.SVGProps<SVGSVGElement>;
|
|
10
|
+
shapeProperties?: React.SVGProps<SVGPathElement>;
|
|
11
|
+
}
|
|
12
|
+
export declare function SVGPolygon({ path, innerPath, background, svgProperties, shapeProperties, mode, children, }: PropsWithChildren<SVGPolygonProps>): JSX.Element;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { PropsWithChildren } from "react";
|
|
3
|
-
export interface SVGRectProps {
|
|
4
|
-
width?: number;
|
|
5
|
-
height?: number;
|
|
6
|
-
background?: string;
|
|
7
|
-
svgProperties?: React.SVGProps<SVGSVGElement>;
|
|
8
|
-
shapeProperties?: React.SVGProps<SVGRectElement>;
|
|
9
|
-
}
|
|
10
|
-
export declare function SVGRect({ width, height, background, svgProperties, shapeProperties, children }: PropsWithChildren<SVGRectProps>): JSX.Element;
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { PropsWithChildren } from "react";
|
|
3
|
+
export interface SVGRectProps {
|
|
4
|
+
width?: number;
|
|
5
|
+
height?: number;
|
|
6
|
+
background?: string;
|
|
7
|
+
svgProperties?: React.SVGProps<SVGSVGElement>;
|
|
8
|
+
shapeProperties?: React.SVGProps<SVGRectElement>;
|
|
9
|
+
}
|
|
10
|
+
export declare function SVGRect({ width, height, background, svgProperties, shapeProperties, children }: PropsWithChildren<SVGRectProps>): JSX.Element;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export * from './SVGCircle';
|
|
2
|
-
export * from './SVGPolygon';
|
|
3
|
-
export * from './SVGRect';
|
|
1
|
+
export * from './SVGCircle';
|
|
2
|
+
export * from './SVGPolygon';
|
|
3
|
+
export * from './SVGRect';
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export * from './base';
|
|
2
|
-
export * from './CircleMarker';
|
|
3
|
-
export * from './PolygonMarker';
|
|
1
|
+
export * from './base';
|
|
2
|
+
export * from './CircleMarker';
|
|
3
|
+
export * from './PolygonMarker';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { Marker } from "../../types/MapDrawables";
|
|
2
|
-
import { MapMarkerMoving } from "../wrapper/MapMarkerWrapper";
|
|
3
|
-
export interface MapMarkerMovingHookProps extends MapMarkerMoving {
|
|
4
|
-
marker?: Marker;
|
|
5
|
-
}
|
|
6
|
-
export declare function useMarkerMoving({ marker, positions, positionClosed, loop, fps, startPositionIndex, velocity, onMovingStart, onMovingEnd }: MapMarkerMovingHookProps): (() => void)[];
|
|
1
|
+
import { Marker } from "../../types/MapDrawables";
|
|
2
|
+
import { MapMarkerMoving } from "../wrapper/MapMarkerWrapper";
|
|
3
|
+
export interface MapMarkerMovingHookProps extends MapMarkerMoving {
|
|
4
|
+
marker?: Marker;
|
|
5
|
+
}
|
|
6
|
+
export declare function useMarkerMoving({ marker, positions, positionClosed, loop, fps, startPositionIndex, velocity, onMovingStart, onMovingEnd }: MapMarkerMovingHookProps): (() => void)[];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from "./MarkerMovingHook";
|
|
1
|
+
export * from "./MarkerMovingHook";
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
export * from "./MintMapCore";
|
|
2
|
-
export * from "./MintMapController";
|
|
3
|
-
export * from './MintMapCanvasRenderer';
|
|
4
|
-
export * from "./advanced";
|
|
5
|
-
export * from "./hooks";
|
|
6
|
-
export * from "./provider";
|
|
7
|
-
export * from './util';
|
|
8
|
-
export * from './wrapper';
|
|
1
|
+
export * from "./MintMapCore";
|
|
2
|
+
export * from "./MintMapController";
|
|
3
|
+
export * from './MintMapCanvasRenderer';
|
|
4
|
+
export * from "./advanced";
|
|
5
|
+
export * from "./hooks";
|
|
6
|
+
export * from "./provider";
|
|
7
|
+
export * from './util';
|
|
8
|
+
export * from './wrapper';
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { PropsWithChildren } from "react";
|
|
2
|
-
import { MintMapController } from "../MintMapController";
|
|
3
|
-
interface MintMapProviderProps {
|
|
4
|
-
controller: MintMapController;
|
|
5
|
-
}
|
|
6
|
-
export declare function MintMapProvider({ controller, children }: PropsWithChildren<MintMapProviderProps>): JSX.Element;
|
|
7
|
-
export declare function useMintMapController(): MintMapController;
|
|
8
|
-
export {};
|
|
1
|
+
import { PropsWithChildren } from "react";
|
|
2
|
+
import { MintMapController } from "../MintMapController";
|
|
3
|
+
interface MintMapProviderProps {
|
|
4
|
+
controller: MintMapController;
|
|
5
|
+
}
|
|
6
|
+
export declare function MintMapProvider({ controller, children }: PropsWithChildren<MintMapProviderProps>): JSX.Element;
|
|
7
|
+
export declare function useMintMapController(): MintMapController;
|
|
8
|
+
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from "./MintMapProvider";
|
|
1
|
+
export * from "./MintMapProvider";
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
export declare type DrawFunction = (frameGapTime: number, elapsedTime: number) => boolean | undefined;
|
|
2
|
-
export declare class AnimationPlayer {
|
|
3
|
-
prevtime: number;
|
|
4
|
-
elapsedTime: number;
|
|
5
|
-
fps: number | null;
|
|
6
|
-
baseDrawGapTime: number | null;
|
|
7
|
-
private deltaTime;
|
|
8
|
-
private playing;
|
|
9
|
-
draw: DrawFunction;
|
|
10
|
-
constructor(drawFunction: DrawFunction, fps?: number);
|
|
11
|
-
init(): void;
|
|
12
|
-
start(): void;
|
|
13
|
-
stop(): void;
|
|
14
|
-
resume(): void;
|
|
15
|
-
makeFrame(timestamp: number): void;
|
|
16
|
-
}
|
|
1
|
+
export declare type DrawFunction = (frameGapTime: number, elapsedTime: number) => boolean | undefined;
|
|
2
|
+
export declare class AnimationPlayer {
|
|
3
|
+
prevtime: number;
|
|
4
|
+
elapsedTime: number;
|
|
5
|
+
fps: number | null;
|
|
6
|
+
baseDrawGapTime: number | null;
|
|
7
|
+
private deltaTime;
|
|
8
|
+
private playing;
|
|
9
|
+
draw: DrawFunction;
|
|
10
|
+
constructor(drawFunction: DrawFunction, fps?: number);
|
|
11
|
+
init(): void;
|
|
12
|
+
start(): void;
|
|
13
|
+
stop(): void;
|
|
14
|
+
resume(): void;
|
|
15
|
+
makeFrame(timestamp: number): void;
|
|
16
|
+
}
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import { Bounds, Position } from "../../types/MapTypes";
|
|
2
|
-
export interface ClusterInfo {
|
|
3
|
-
bounds: Bounds;
|
|
4
|
-
checked: boolean;
|
|
5
|
-
center: boolean;
|
|
6
|
-
centerPosition: Position;
|
|
7
|
-
incList: any;
|
|
8
|
-
itemList: Position[];
|
|
9
|
-
size: number;
|
|
10
|
-
}
|
|
11
|
-
export interface ClusterStatus {
|
|
12
|
-
total: number;
|
|
13
|
-
average: number;
|
|
14
|
-
min: number;
|
|
15
|
-
max: number;
|
|
16
|
-
}
|
|
17
|
-
export declare type ClusterSizeCalculator = (info: ClusterInfo, status: ClusterStatus) => number;
|
|
18
|
-
export declare const getClusterInfo: (basePixelSize: number, mapBounds: Bounds, mapWidth: number, mapHeight: number, itemList: Position[], sizeFunction?: ClusterSizeCalculator) => ClusterInfo[];
|
|
1
|
+
import { Bounds, Position } from "../../types/MapTypes";
|
|
2
|
+
export interface ClusterInfo {
|
|
3
|
+
bounds: Bounds;
|
|
4
|
+
checked: boolean;
|
|
5
|
+
center: boolean;
|
|
6
|
+
centerPosition: Position;
|
|
7
|
+
incList: any;
|
|
8
|
+
itemList: Position[];
|
|
9
|
+
size: number;
|
|
10
|
+
}
|
|
11
|
+
export interface ClusterStatus {
|
|
12
|
+
total: number;
|
|
13
|
+
average: number;
|
|
14
|
+
min: number;
|
|
15
|
+
max: number;
|
|
16
|
+
}
|
|
17
|
+
export declare type ClusterSizeCalculator = (info: ClusterInfo, status: ClusterStatus) => number;
|
|
18
|
+
export declare const getClusterInfo: (basePixelSize: number, mapBounds: Bounds, mapWidth: number, mapHeight: number, itemList: Position[], sizeFunction?: ClusterSizeCalculator) => ClusterInfo[];
|