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

package/dist/components/mint-map/core/wrapper/MapCanvasMarkerWrapper.d.ts

@@ -1,27 +1,27 @@
-/// <reference types="react" />
-import { MarkerOptions } from "../../types/MapDrawables";
-import { Offset } from "../../types/MapTypes";
-import { MintMapCanvasRenderer } from "../MintMapCanvasRenderer";
-export declare type CanvasMarkerRenderer<T> = (ctx: MintMapCanvasRenderer, offset: Offset, payload?: T) => void;
-export interface CanvasMarkerMouseEvent {
-    x: number;
-    y: number;
-}
-export declare type CanvasMarkerMouseEventCallback = (e: CanvasMarkerMouseEvent) => boolean | undefined | void;
-export interface MapCanvasMarkerWrapperProps<T> extends MarkerOptions {
-    renderer: CanvasMarkerRenderer<T>;
-    payload?: T;
-    boxWidth: number;
-    boxHeight: number;
-    onClick?: CanvasMarkerMouseEventCallback;
-    onMouseOver?: CanvasMarkerMouseEventCallback;
-    onMouseOut?: CanvasMarkerMouseEventCallback;
-}
-/**
- * Mint Map 컴포넌트
- *
- * @param {MapControlWrapperProps} MapControlWrapperProps
- *
- * @returns {JSX.Element} JSX
- */
-export declare function MapCanvasMarkerWrapper<T>(_props: MapCanvasMarkerWrapperProps<T>): JSX.Element;
+/// <reference types="react" />
+import { MarkerOptions } from "../../types/MapDrawables";
+import { Offset } from "../../types/MapTypes";
+import { MintMapCanvasRenderer } from "../MintMapCanvasRenderer";
+export declare type CanvasMarkerRenderer<T> = (ctx: MintMapCanvasRenderer, offset: Offset, payload?: T) => void;
+export interface CanvasMarkerMouseEvent {
+    x: number;
+    y: number;
+}
+export declare type CanvasMarkerMouseEventCallback = (e: CanvasMarkerMouseEvent) => boolean | undefined | void;
+export interface MapCanvasMarkerWrapperProps<T> extends MarkerOptions {
+    renderer: CanvasMarkerRenderer<T>;
+    payload?: T;
+    boxWidth: number;
+    boxHeight: number;
+    onClick?: CanvasMarkerMouseEventCallback;
+    onMouseOver?: CanvasMarkerMouseEventCallback;
+    onMouseOut?: CanvasMarkerMouseEventCallback;
+}
+/**
+ * Mint Map 컴포넌트
+ *
+ * @param {MapControlWrapperProps} MapControlWrapperProps
+ *
+ * @returns {JSX.Element} JSX
+ */
+export declare function MapCanvasMarkerWrapper<T>(_props: MapCanvasMarkerWrapperProps<T>): JSX.Element;

package/dist/components/mint-map/core/wrapper/MapCanvasMarkerWrapper.js

@@ -8,12 +8,12 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-/**
- * Mint Map 컴포넌트
- *
- * @param {MapControlWrapperProps} MapControlWrapperProps
- *
- * @returns {JSX.Element} JSX
+/**
+ * Mint Map 컴포넌트
+ *
+ * @param {MapControlWrapperProps} MapControlWrapperProps
+ *
+ * @returns {JSX.Element} JSX
  */
 
 function MapCanvasMarkerWrapper(_props) {

package/dist/components/mint-map/core/wrapper/MapCanvasWrapper.d.ts

@@ -1,11 +1,11 @@
-import React from "react";
-export interface MapCanvasWrapperProps {
-}
-/**
- * Mint Map 컴포넌트
- *
- * @param {MapControlWrapperProps} MapControlWrapperProps
- *
- * @returns {JSX.Element} JSX
- */
-export declare function MapCanvasWrapper<T>({ children, ...props }: React.PropsWithChildren<MapCanvasWrapperProps>): JSX.Element;
+import React from "react";
+export interface MapCanvasWrapperProps {
+}
+/**
+ * Mint Map 컴포넌트
+ *
+ * @param {MapControlWrapperProps} MapControlWrapperProps
+ *
+ * @returns {JSX.Element} JSX
+ */
+export declare function MapCanvasWrapper<T>({ children, ...props }: React.PropsWithChildren<MapCanvasWrapperProps>): JSX.Element;

package/dist/components/mint-map/core/wrapper/MapCanvasWrapper.js

@@ -16,12 +16,12 @@ var console = {
   log: function () {
   }
 };
-/**
- * Mint Map 컴포넌트
- *
- * @param {MapControlWrapperProps} MapControlWrapperProps
- *
- * @returns {JSX.Element} JSX
+/**
+ * Mint Map 컴포넌트
+ *
+ * @param {MapControlWrapperProps} MapControlWrapperProps
+ *
+ * @returns {JSX.Element} JSX
  */
 
 function MapCanvasWrapper(_a) {

package/dist/components/mint-map/core/wrapper/MapControlWrapper.d.ts

@@ -1,18 +1,18 @@
-import { PropsWithChildren } from "react";
-declare type AlignHorizontal = 'left' | 'right' | 'center';
-declare type AlignVertical = 'top' | 'bottom' | 'center';
-export interface MapControlWrapperProps {
-    width?: string | number;
-    height?: string | number;
-    positionHorizontal?: AlignHorizontal;
-    positionVertical?: AlignVertical;
-}
-/**
- * Mint Map 컴포넌트
- *
- * @param {MapControlWrapperProps} MapControlWrapperProps
- *
- * @returns {JSX.Element} JSX
- */
-export declare function MapControlWrapper({ width, height, positionHorizontal, positionVertical, children }: PropsWithChildren<MapControlWrapperProps>): JSX.Element;
-export {};
+import { PropsWithChildren } from "react";
+declare type AlignHorizontal = 'left' | 'right' | 'center';
+declare type AlignVertical = 'top' | 'bottom' | 'center';
+export interface MapControlWrapperProps {
+    width?: string | number;
+    height?: string | number;
+    positionHorizontal?: AlignHorizontal;
+    positionVertical?: AlignVertical;
+}
+/**
+ * Mint Map 컴포넌트
+ *
+ * @param {MapControlWrapperProps} MapControlWrapperProps
+ *
+ * @returns {JSX.Element} JSX
+ */
+export declare function MapControlWrapper({ width, height, positionHorizontal, positionVertical, children }: PropsWithChildren<MapControlWrapperProps>): JSX.Element;
+export {};

package/dist/components/mint-map/core/wrapper/MapControlWrapper.js

@@ -12,12 +12,12 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
 
 var cn = classNames__default["default"].bind(MintMapWrapper_module);
-/**
- * Mint Map 컴포넌트
- *
- * @param {MapControlWrapperProps} MapControlWrapperProps
- *
- * @returns {JSX.Element} JSX
+/**
+ * Mint Map 컴포넌트
+ *
+ * @param {MapControlWrapperProps} MapControlWrapperProps
+ *
+ * @returns {JSX.Element} JSX
  */
 
 function MapControlWrapper(_a) {

package/dist/components/mint-map/core/wrapper/MapMarkerWrapper.d.ts

@@ -1,43 +1,44 @@
-import { PropsWithChildren } from "react";
-import { MarkerOptions } from "../../types/MapDrawables";
-import { Position } from "../../types/MapTypes";
-export declare type MovingEventFunciton = () => void;
-export interface MapMarkerMoving {
-    positions?: Position[];
-    positionClosed?: boolean;
-    startPositionIndex?: number;
-    velocity?: number;
-    loop?: boolean;
-    delay?: number;
-    autoStart?: boolean;
-    fps?: number;
-    onMovingStart?: MovingEventFunciton;
-    onMovingEnd?: MovingEventFunciton;
-}
-export interface MapMarkerWrapperProps extends MarkerOptions {
-    topOnClick?: boolean;
-    topOnHover?: boolean;
-    /**
-     * 메모리 누수의 위험성이 존재하여 삭제될 예정
-     * animation 은 marker wrapper 의 children 레벨에서 구현하는것을 기본으로 한다.
-     * @deprecated
-     */
-    startAnimationClassName?: string;
-    /**
-     * 메모리 누수의 위험성이 존재하여 삭제될 예정
-     * animation 은 marker wrapper 의 children 레벨에서 구현하는것을 기본으로 한다.
-     * @deprecated
-     */
-    endAnimationClassName?: string;
-    movingAnimation?: MapMarkerMoving;
-    disablePointerEvent?: boolean;
-    autoFitToViewport?: boolean;
-}
-/**
- * Mint Map 컴포넌트
- *
- * @param {MapControlWrapperProps} MapControlWrapperProps
- *
- * @returns {JSX.Element} JSX
- */
-export declare function MapMarkerWrapper({ startAnimationClassName, endAnimationClassName, autoFitToViewport, topOnClick, topOnHover, movingAnimation, disablePointerEvent, children, ...options }: PropsWithChildren<MapMarkerWrapperProps>): JSX.Element;
+import { PropsWithChildren } from "react";
+import { MarkerOptions } from "../../types/MapDrawables";
+import { Position } from "../../types/MapTypes";
+export declare type MovingEventFunciton = () => void;
+export interface MapMarkerMoving {
+    positions?: Position[];
+    positionClosed?: boolean;
+    startPositionIndex?: number;
+    velocity?: number;
+    loop?: boolean;
+    delay?: number;
+    autoStart?: boolean;
+    fps?: number;
+    onMovingStart?: MovingEventFunciton;
+    onMovingEnd?: MovingEventFunciton;
+}
+export interface MapMarkerWrapperProps extends MarkerOptions {
+    topOnClick?: boolean;
+    topOnHover?: boolean;
+    /**
+     * 메모리 누수의 위험성이 존재하여 삭제될 예정
+     * animation 은 marker wrapper 의 children 레벨에서 구현하는것을 기본으로 한다.
+     * @deprecated
+     */
+    startAnimationClassName?: string;
+    /**
+     * 메모리 누수의 위험성이 존재하여 삭제될 예정
+     * animation 은 marker wrapper 의 children 레벨에서 구현하는것을 기본으로 한다.
+     * @deprecated
+     */
+    endAnimationClassName?: string;
+    movingAnimation?: MapMarkerMoving;
+    disablePointerEvent?: boolean;
+    autoFitToViewport?: boolean;
+    autoAdjustAnchor?: boolean;
+}
+/**
+ * Mint Map 컴포넌트
+ *
+ * @param {MapControlWrapperProps} MapControlWrapperProps
+ *
+ * @returns {JSX.Element} JSX
+ */
+export declare function MapMarkerWrapper({ startAnimationClassName, endAnimationClassName, autoFitToViewport, autoAdjustAnchor, topOnClick, topOnHover, movingAnimation, disablePointerEvent, children, ...options }: PropsWithChildren<MapMarkerWrapperProps>): JSX.Element;

package/dist/components/mint-map/core/wrapper/MapMarkerWrapper.js

@@ -9,25 +9,30 @@ var MintMapProvider = require('../provider/MintMapProvider.js');
 var MarkerMovingHook = require('../hooks/MarkerMovingHook.js');
 var MapDrawables = require('../../types/MapDrawables.js');
 
-var offsetCalibration = function (mapType, divElement, options, autoFitToViewport, mapDivElement) {
+var offsetCalibration = function (mapType, divElement, options, autoFitToViewport, autoAdjustAnchor, mapDivElement) {
   //google 맵의 anchor 보정 (네이버와 같이 왼쪽/위 기준으로 처리)
+  var baseTransform = '';
+
   if (mapType === 'google') {
-    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)");
+    baseTransform = "translate(50%, 100%) translate(".concat(options.anchor ? options.anchor.x * -1 : '0', "px, ").concat(options.anchor ? options.anchor.y * -1 : '0', "px)");
   } else if (mapType === 'kakao') {
-    divElement.style.transform = "translate(".concat(options.anchor ? options.anchor.x * -1 : '0', "px, ").concat(options.anchor ? options.anchor.y * -1 : '0', "px)");
+    baseTransform = "translate(".concat(options.anchor ? options.anchor.x * -1 : '0', "px, ").concat(options.anchor ? options.anchor.y * -1 : '0', "px)");
   }
 
-  if (autoFitToViewport) {
-    // google 은 마커의 getBoundingClientRect 값을 바로 얻을 수 없어서 next tick 에 처리
+  divElement.style.transform = baseTransform;
+
+  if (autoFitToViewport || autoAdjustAnchor) {
+    // google 은 마커의 getBoundingClientRect 값을 바로 얻을 수 없어서 next tick 에 처리 (50회 트라이)
     if (mapType === 'google') {
-      transformToFitWithNextTick(mapType, divElement, options, mapDivElement, 10);
+      divElement.style.visibility = 'hidden';
+      transformToFitWithNextTick(divElement, mapDivElement, baseTransform, autoAdjustAnchor, 50);
     } else {
-      transformToFit(mapType, divElement, options, mapDivElement);
+      transformToFit(divElement, mapDivElement, baseTransform, autoAdjustAnchor);
     }
   }
 };
 
-var transformToFitWithNextTick = function (mapType, divElement, options, mapDivElement, maxTryCount, nextCount) {
+var transformToFitWithNextTick = function (divElement, mapDivElement, baseTransform, anchorAdjust, maxTryCount, nextCount) {
   var tryCount = nextCount || 0;
   setTimeout(function () {
     tryCount += 1;
@@ -39,51 +44,54 @@ var transformToFitWithNextTick = function (mapType, divElement, options, mapDivE
     var rect = divElement.getBoundingClientRect();
 
     if (rect.x === 0 && rect.y === 0 && rect.width === 0 && rect.height === 0) {
-      transformToFitWithNextTick(mapType, divElement, options, mapDivElement, maxTryCount, tryCount);
+      transformToFitWithNextTick(divElement, mapDivElement, baseTransform, anchorAdjust, maxTryCount, tryCount);
     } else {
-      transformToFit(mapType, divElement, options, mapDivElement);
+      transformToFit(divElement, mapDivElement, baseTransform, anchorAdjust);
+      divElement.style.visibility = 'visible';
     }
   }, 20);
 };
 
-var transformToFit = function (mapType, divElement, options, mapDivElement) {
+var transformToFit = function (divElement, mapDivElement, baseTransform, anchorAdjust) {
   var mapRect = mapDivElement.getBoundingClientRect();
   var rect = divElement.getBoundingClientRect(); // 보정 값 계산
 
   var xValue = getMarkersFitPosition(mapRect.x, mapRect.width, rect.x, rect.width);
   var yValue = getMarkersFitPosition(mapRect.y, mapRect.height, rect.y, rect.height);
 
-  if (xValue !== 0 || yValue !== 0) {
-    if (mapType === 'google') {
-      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)");
-    } else if (mapType === 'kakao') {
-      divElement.style.transform = "translate(".concat(options.anchor ? options.anchor.x * -1 + xValue : xValue, "px, ").concat(options.anchor ? options.anchor.y * -1 + yValue : yValue, "px)");
-    } else {
-      divElement.style.transform = "translate(".concat(xValue, "px, ").concat(yValue, "px)");
-    }
+  if (anchorAdjust) {
+    var toLeft = xValue < 0;
+    var toRight = xValue > 0;
+    var toTop = yValue < 0;
+    var toBottom = yValue > 0;
+    var transX = toLeft ? rect.width * -1 : toRight ? rect.width : 0;
+    var transY = toTop ? rect.height * -1 : toBottom ? rect.height : 0;
+    divElement.style.transform = baseTransform + " translate(".concat(transX, "px, ").concat(transY, "px)");
+  } else {
+    divElement.style.transform = baseTransform + " translate(".concat(xValue, "px, ").concat(yValue, "px)");
   }
 };
 
 var getMarkersFitPosition = function (containerPosition, containerSize, markerPosition, markerSize) {
   var delta = markerPosition - containerPosition;
   var mapSize = containerSize;
-  var overflowMin = delta <= 0;
-  var overflowMax = delta + markerSize >= mapSize; // 한쪽만 넘어간 경우 처리
+  var overflowMin = delta < 0;
+  var overflowMax = delta + markerSize > mapSize; // 한쪽만 넘어간 경우 처리
 
   if (overflowMin && !overflowMax) {
-    return delta;
+    return delta * -1;
   } else if (!overflowMin && overflowMax) {
     return mapSize - delta - markerSize;
   }
 
   return 0;
 };
-/**
- * Mint Map 컴포넌트
- *
- * @param {MapControlWrapperProps} MapControlWrapperProps
- *
- * @returns {JSX.Element} JSX
+/**
+ * Mint Map 컴포넌트
+ *
+ * @param {MapControlWrapperProps} MapControlWrapperProps
+ *
+ * @returns {JSX.Element} JSX
  */
 
 
@@ -92,15 +100,17 @@ function MapMarkerWrapper(_a) {
       _a.endAnimationClassName;
       var _b = _a.autoFitToViewport,
       autoFitToViewport = _b === void 0 ? false : _b,
-      _c = _a.topOnClick,
-      topOnClick = _c === void 0 ? false : _c,
-      _d = _a.topOnHover,
-      topOnHover = _d === void 0 ? false : _d,
+      _c = _a.autoAdjustAnchor,
+      autoAdjustAnchor = _c === void 0 ? false : _c,
+      _d = _a.topOnClick,
+      topOnClick = _d === void 0 ? false : _d,
+      _e = _a.topOnHover,
+      topOnHover = _e === void 0 ? false : _e,
       movingAnimation = _a.movingAnimation,
-      _e = _a.disablePointerEvent,
-      disablePointerEvent = _e === void 0 ? false : _e,
+      _f = _a.disablePointerEvent,
+      disablePointerEvent = _f === void 0 ? false : _f,
       children = _a.children,
-      options = tslib.__rest(_a, ["startAnimationClassName", "endAnimationClassName", "autoFitToViewport", "topOnClick", "topOnHover", "movingAnimation", "disablePointerEvent", "children"]); //controller
+      options = tslib.__rest(_a, ["startAnimationClassName", "endAnimationClassName", "autoFitToViewport", "autoAdjustAnchor", "topOnClick", "topOnHover", "movingAnimation", "disablePointerEvent", "children"]); //controller
 
 
   var controller = MintMapProvider.useMintMapController(); //element
@@ -110,9 +120,9 @@ function MapMarkerWrapper(_a) {
 
   var markerRef = React.useRef(); //moving animation
 
-  var _f = React.useState({}),
-      movingState = _f[0],
-      setMovingState = _f[1];
+  var _g = React.useState({}),
+      movingState = _g[0],
+      setMovingState = _g[1];
 
   React.useEffect(function () {
     // console.log('movingState', movingState);
@@ -178,10 +188,11 @@ function MapMarkerWrapper(_a) {
 
   React.useEffect(function () {
     // console.log('drawable created')
-    divElement.style.display = 'flex';
-    divElement.style.justifyContent = 'flex-start';
-    divElement.style.alignItems = 'flex-start';
-    divElement.style.flexDirection = 'column';
+    // divElement.style.display = 'flex'
+    // divElement.style.justifyContent = 'flex-start'
+    // divElement.style.alignItems = 'flex-start'
+    // divElement.style.flexDirection = 'column'
+    divElement.style.width = 'fit-content';
     divElement.style.pointerEvents = disablePointerEvent ? 'none' : '';
     divElement.addEventListener('click', onClickHandler);
     divElement.addEventListener('mousedown', onMousedownHandler, {
@@ -213,7 +224,7 @@ function MapMarkerWrapper(_a) {
         } //marker offset 보정
 
 
-        offsetCalibration(controller.getMapType(), divElement, options, autoFitToViewport, controller.mapDivElement); //z-index 처리
+        offsetCalibration(controller.getMapType(), divElement, options, autoFitToViewport, autoAdjustAnchor, controller.mapDivElement); //z-index 처리
 
         if (options.zIndex !== undefined) {
           controller.setMarkerZIndex(markerRef.current, options.zIndex);
@@ -230,7 +241,7 @@ function MapMarkerWrapper(_a) {
         } //marker offset 보정
 
 
-        offsetCalibration(controller.getMapType(), divElement, options, autoFitToViewport, controller.mapDivElement); //z-index 처리
+        offsetCalibration(controller.getMapType(), divElement, options, autoFitToViewport, autoAdjustAnchor, controller.mapDivElement); //z-index 처리
 
         if (options.zIndex !== undefined) {
           controller.setMarkerZIndex(markerRef.current, options.zIndex);

package/dist/components/mint-map/core/wrapper/MapPolygonWrapper.d.ts

@@ -1,12 +1,12 @@
-import { PropsWithChildren } from "react";
-import { PolygonOptions } from "../../types/MapDrawables";
-export interface MapPolygonWrapperProps extends PolygonOptions {
-}
-/**
- * Mint Map 컴포넌트
- *
- * @param {MapControlWrapperProps} MapControlWrapperProps
- *
- * @returns {JSX.Element} JSX
- */
-export declare function MapPolygonWrapper({ children, ...options }: PropsWithChildren<MapPolygonWrapperProps>): JSX.Element;
+import { PropsWithChildren } from "react";
+import { PolygonOptions } from "../../types/MapDrawables";
+export interface MapPolygonWrapperProps extends PolygonOptions {
+}
+/**
+ * Mint Map 컴포넌트
+ *
+ * @param {MapControlWrapperProps} MapControlWrapperProps
+ *
+ * @returns {JSX.Element} JSX
+ */
+export declare function MapPolygonWrapper({ children, ...options }: PropsWithChildren<MapPolygonWrapperProps>): JSX.Element;

package/dist/components/mint-map/core/wrapper/MapPolygonWrapper.js

@@ -11,12 +11,12 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-/**
- * Mint Map 컴포넌트
- *
- * @param {MapControlWrapperProps} MapControlWrapperProps
- *
- * @returns {JSX.Element} JSX
+/**
+ * Mint Map 컴포넌트
+ *
+ * @param {MapControlWrapperProps} MapControlWrapperProps
+ *
+ * @returns {JSX.Element} JSX
  */
 
 function MapPolygonWrapper(_a) {

package/dist/components/mint-map/core/wrapper/MapPolylineWrapper.d.ts

@@ -1,12 +1,12 @@
-import { PropsWithChildren } from "react";
-import { PolylineOptions } from "../../types/MapDrawables";
-export interface MapPolylineWrapperProps extends PolylineOptions {
-}
-/**
- * Mint Map 컴포넌트
- *
- * @param {MapControlWrapperProps} MapControlWrapperProps
- *
- * @returns {JSX.Element} JSX
- */
-export declare function MapPolylineWrapper({ children, ...options }: PropsWithChildren<MapPolylineWrapperProps>): JSX.Element;
+import { PropsWithChildren } from "react";
+import { PolylineOptions } from "../../types/MapDrawables";
+export interface MapPolylineWrapperProps extends PolylineOptions {
+}
+/**
+ * Mint Map 컴포넌트
+ *
+ * @param {MapControlWrapperProps} MapControlWrapperProps
+ *
+ * @returns {JSX.Element} JSX
+ */
+export declare function MapPolylineWrapper({ children, ...options }: PropsWithChildren<MapPolylineWrapperProps>): JSX.Element;

package/dist/components/mint-map/core/wrapper/MapPolylineWrapper.js

@@ -11,12 +11,12 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-/**
- * Mint Map 컴포넌트
- *
- * @param {MapControlWrapperProps} MapControlWrapperProps
- *
- * @returns {JSX.Element} JSX
+/**
+ * Mint Map 컴포넌트
+ *
+ * @param {MapControlWrapperProps} MapControlWrapperProps
+ *
+ * @returns {JSX.Element} JSX
  */
 
 function MapPolylineWrapper(_a) {

package/dist/components/mint-map/core/wrapper/index.d.ts

@@ -1,6 +1,6 @@
-export * from './MapControlWrapper';
-export * from './MapMarkerWrapper';
-export * from './MapPolygonWrapper';
-export * from './MapPolylineWrapper';
-export * from './MapCanvasWrapper';
-export * from './MapCanvasMarkerWrapper';
+export * from './MapControlWrapper';
+export * from './MapMarkerWrapper';
+export * from './MapPolygonWrapper';
+export * from './MapPolylineWrapper';
+export * from './MapCanvasWrapper';
+export * from './MapCanvasMarkerWrapper';