@mint-ui/map 0.5.0-beta → 0.5.2-beta

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?: number | string;
-    height?: number | string;
-    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?: number | string;
+    height?: number | string;
+    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

@@ -54,12 +54,12 @@ var getAlignPosition = function (value, align) {
 
   throw new Error("Size [".concat(value, "] is not valid. (Should be % or pixel number)"));
 };
-/**
- * Mint Map 컴포넌트
- *
- * @param {MapControlWrapperProps} MapControlWrapperProps
- *
- * @returns {JSX.Element} JSX
+/**
+ * Mint Map 컴포넌트
+ *
+ * @param {MapControlWrapperProps} MapControlWrapperProps
+ *
+ * @returns {JSX.Element} JSX
  */
 
 

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

@@ -1,32 +1,32 @@
-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;
-    startAnimationClassName?: string;
-    endAnimationClassName?: string;
-    movingAnimation?: MapMarkerMoving;
-    disablePointerEvent?: boolean;
-}
-/**
- * Mint Map 컴포넌트
- *
- * @param {MapControlWrapperProps} MapControlWrapperProps
- *
- * @returns {JSX.Element} JSX
- */
-export declare function MapMarkerWrapper({ startAnimationClassName, endAnimationClassName, 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;
+    startAnimationClassName?: string;
+    endAnimationClassName?: string;
+    movingAnimation?: MapMarkerMoving;
+    disablePointerEvent?: boolean;
+}
+/**
+ * Mint Map 컴포넌트
+ *
+ * @param {MapControlWrapperProps} MapControlWrapperProps
+ *
+ * @returns {JSX.Element} JSX
+ */
+export declare function MapMarkerWrapper({ startAnimationClassName, endAnimationClassName, topOnClick, topOnHover, movingAnimation, disablePointerEvent, children, ...options }: PropsWithChildren<MapMarkerWrapperProps>): JSX.Element;

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

@@ -17,12 +17,12 @@ var offsetCalibration = function (mapType, divElement, options) {
     divElement.style.transform = "translate(-".concat(options.anchor ? options.anchor.x : '0', "px, -").concat(options.anchor ? options.anchor.y : '0', "px)");
   }
 };
-/**
- * Mint Map 컴포넌트
- *
- * @param {MapControlWrapperProps} MapControlWrapperProps
- *
- * @returns {JSX.Element} JSX
+/**
+ * Mint Map 컴포넌트
+ *
+ * @param {MapControlWrapperProps} MapControlWrapperProps
+ *
+ * @returns {JSX.Element} JSX
  */
 
 

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';

package/dist/components/mint-map/google/GoogleMintMapController.d.ts

@@ -1,51 +1,51 @@
-/// <reference types="google.maps" />
-import { MintMapController } from "../core/MintMapController";
-import { MapType, MapVendorType } from "../types/CommonTypes";
-import { Drawable, Marker, MarkerOptions, Polygon, PolygonOptions, Polyline, PolylineOptions } from "../types/MapDrawables";
-import { EventCallback, EventParamType, MapEvent, MapEventName, MapUIEvent } from "../types/MapEventTypes";
-import { Bounds, Position } from "../types/MapTypes";
-import { MintMapProps } from "../types/MintMapProps";
-export declare class GoogleMintMapController extends MintMapController {
-    type: MapType;
-    map: google.maps.Map | null;
-    scriptUrl: string;
-    scriptModules: string[];
-    protected mapEvent: MapEvent;
-    protected mapUIEvent: MapUIEvent;
-    constructor(props: MintMapProps);
-    polylineEvents: string[];
-    createPolyline(polyline: Polyline): void;
-    updatePolyline(polyline: Polyline, options: PolylineOptions): void;
-    polygonEvents: string[];
-    createPolygon(polygon: Polygon): void;
-    updatePolygon(polygon: Polygon, options: PolygonOptions): void;
-    private getValidOptions;
-    markerEvents: string[];
-    createMarker(marker: Marker): void;
-    updateMarker(marker: Marker, options: MarkerOptions): void;
-    private markerMaxZIndex;
-    private getMaxZIndex;
-    setMarkerZIndex(marker: Marker, zIndex: number): void;
-    markerToTheTop(marker: Marker): void;
-    clearDrawable(drawable: Drawable): boolean;
-    private dragged;
-    isMapDragged(): boolean;
-    setMapDragged(value: boolean): void;
-    private checkLoaded;
-    loadMapApi(): Promise<boolean>;
-    lastMousePosition: Position | null;
-    initializingMap(divElement: HTMLDivElement): Promise<MapVendorType>;
-    destroyMap: () => void;
-    private fromGoogleBounds;
-    getCurrBounds(): Bounds;
-    panningTo(targetCenter: Position): void;
-    getZoomLevel(): number;
-    setZoomLevel(zoom: number): void;
-    getCenter(): Position;
-    setCenter(position: Position): void;
-    private eventMap;
-    addEventListener(eventName: MapEventName, callback: EventCallback<EventParamType>): void;
-    removeEventListener(eventName: MapEventName, callback: EventCallback<EventParamType>): void;
-    removeAllEventListener(eventName?: MapEventName | undefined): void;
-    private clearEventListener;
-}
+/// <reference types="google.maps" />
+import { MintMapController } from "../core/MintMapController";
+import { MapType, MapVendorType } from "../types/CommonTypes";
+import { Drawable, Marker, MarkerOptions, Polygon, PolygonOptions, Polyline, PolylineOptions } from "../types/MapDrawables";
+import { EventCallback, EventParamType, MapEvent, MapEventName, MapUIEvent } from "../types/MapEventTypes";
+import { Bounds, Position } from "../types/MapTypes";
+import { MintMapProps } from "../types/MintMapProps";
+export declare class GoogleMintMapController extends MintMapController {
+    type: MapType;
+    map: google.maps.Map | null;
+    scriptUrl: string;
+    scriptModules: string[];
+    protected mapEvent: MapEvent;
+    protected mapUIEvent: MapUIEvent;
+    constructor(props: MintMapProps);
+    polylineEvents: string[];
+    createPolyline(polyline: Polyline): void;
+    updatePolyline(polyline: Polyline, options: PolylineOptions): void;
+    polygonEvents: string[];
+    createPolygon(polygon: Polygon): void;
+    updatePolygon(polygon: Polygon, options: PolygonOptions): void;
+    private getValidOptions;
+    markerEvents: string[];
+    createMarker(marker: Marker): void;
+    updateMarker(marker: Marker, options: MarkerOptions): void;
+    private markerMaxZIndex;
+    private getMaxZIndex;
+    setMarkerZIndex(marker: Marker, zIndex: number): void;
+    markerToTheTop(marker: Marker): void;
+    clearDrawable(drawable: Drawable): boolean;
+    private dragged;
+    isMapDragged(): boolean;
+    setMapDragged(value: boolean): void;
+    private checkLoaded;
+    loadMapApi(): Promise<boolean>;
+    lastMousePosition: Position | null;
+    initializingMap(divElement: HTMLDivElement): Promise<MapVendorType>;
+    destroyMap: () => void;
+    private fromGoogleBounds;
+    getCurrBounds(): Bounds;
+    panningTo(targetCenter: Position): void;
+    getZoomLevel(): number;
+    setZoomLevel(zoom: number): void;
+    getCenter(): Position;
+    setCenter(position: Position): void;
+    private eventMap;
+    addEventListener(eventName: MapEventName, callback: EventCallback<EventParamType>): void;
+    removeEventListener(eventName: MapEventName, callback: EventCallback<EventParamType>): void;
+    removeAllEventListener(eventName?: MapEventName | undefined): void;
+    private clearEventListener;
+}

package/dist/components/mint-map/google/GoogleMintMapController.js

@@ -605,7 +605,6 @@ function (_super) {
         };
         callback(param);
       } else if (eventName in _this.mapUIEvent) {
-        if (eventName.startsWith('DRAG')) console.log(eventName, e);
         var position = null;
 
         if (e) {
@@ -621,7 +620,8 @@ function (_super) {
           vendorEventName: googleEventName,
           param: {
             position: position,
-            offset: position === null || position === void 0 ? void 0 : position.offset
+            offset: position === null || position === void 0 ? void 0 : position.offset,
+            pointerEvent: e.domEvent
           }
         };
         callback(param);

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

@@ -1,5 +1,5 @@
-export * from './MintMap';
-export * from './core';
-export * from './naver/NaverMintMapController';
-export * from './google/GoogleMintMapController';
-export * from './types';
+export * from './MintMap';
+export * from './core';
+export * from './naver/NaverMintMapController';
+export * from './google/GoogleMintMapController';
+export * from './types';

package/dist/components/mint-map/kakao/KakaoMintMapController.d.ts

@@ -1,56 +1,56 @@
-/// <reference types="kakaomaps" />
-import { MintMapController } from "../core/MintMapController";
-import { ObjectPool } from '@mint-ui/tools';
-import { MapType, MapVendorType } from "../types/CommonTypes";
-import { Drawable, Marker, MarkerOptions, Polygon, PolygonOptions, Polyline, PolylineOptions } from "../types/MapDrawables";
-import { Bounds, Position } from "../types/MapTypes";
-import { MintMapProps } from "../types/MintMapProps";
-import { EventCallback, EventParamType, MapEvent, MapEventName, MapUIEvent } from "../types/MapEventTypes";
-export declare class KakaoMintMapController extends MintMapController {
-    type: MapType;
-    map: kakao.maps.Map | null;
-    scriptUrl: string;
-    scriptModules: string[];
-    protected mapEvent: MapEvent;
-    protected mapUIEvent: MapUIEvent;
-    markerPool?: ObjectPool<kakao.maps.CustomOverlay>;
-    constructor(props: MintMapProps);
-    private initMarkerPool;
-    polylineEvents: string[];
-    createPolyline(polyline: Polyline): void;
-    updatePolyline(polyline: Polyline, options: PolylineOptions): void;
-    polygonEvents: string[];
-    createPolygon(polygon: Polygon): void;
-    updatePolygon(polygon: Polygon, options: PolygonOptions): void;
-    markerEvents: string[];
-    createMarker(marker: Marker): void;
-    updateMarker(marker: Marker, options: MarkerOptions): void;
-    private removeParentElementsMargin;
-    private markerMaxZIndex;
-    private getMaxZIndex;
-    setMarkerZIndex(marker: Marker, zIndex: number): void;
-    markerToTheTop(marker: Marker): void;
-    clearDrawable(drawable: Drawable): boolean;
-    private dragStartPoint;
-    private dragged;
-    isMapDragged(): boolean;
-    setMapDragged(value: boolean): void;
-    private checkLoaded;
-    loadMapApi(): Promise<boolean>;
-    initializingMap(divElement: HTMLDivElement): Promise<MapVendorType>;
-    private getSafeZoomValue;
-    destroyMap(): void;
-    getCurrBounds(): Bounds;
-    panningTo(targetCenter: Position): void;
-    getZoomLevel(): number;
-    setZoomLevel(zoom: number): void;
-    getCenter(): Position;
-    setCenter(position: Position): void;
-    private positionToLatLng;
-    private latLngToPosition;
-    private eventMap;
-    addEventListener(eventName: MapEventName, callback: EventCallback<EventParamType>): void;
-    removeEventListener(eventName: MapEventName, callback: EventCallback<EventParamType>): void;
-    removeAllEventListener(eventName?: MapEventName | undefined): void;
-    private clearEventListener;
-}
+/// <reference types="kakaomaps" />
+import { MintMapController } from "../core/MintMapController";
+import { ObjectPool } from '@mint-ui/tools';
+import { MapType, MapVendorType } from "../types/CommonTypes";
+import { Drawable, Marker, MarkerOptions, Polygon, PolygonOptions, Polyline, PolylineOptions } from "../types/MapDrawables";
+import { Bounds, Position } from "../types/MapTypes";
+import { MintMapProps } from "../types/MintMapProps";
+import { EventCallback, EventParamType, MapEvent, MapEventName, MapUIEvent } from "../types/MapEventTypes";
+export declare class KakaoMintMapController extends MintMapController {
+    type: MapType;
+    map: kakao.maps.Map | null;
+    scriptUrl: string;
+    scriptModules: string[];
+    protected mapEvent: MapEvent;
+    protected mapUIEvent: MapUIEvent;
+    markerPool?: ObjectPool<kakao.maps.CustomOverlay>;
+    constructor(props: MintMapProps);
+    private initMarkerPool;
+    polylineEvents: string[];
+    createPolyline(polyline: Polyline): void;
+    updatePolyline(polyline: Polyline, options: PolylineOptions): void;
+    polygonEvents: string[];
+    createPolygon(polygon: Polygon): void;
+    updatePolygon(polygon: Polygon, options: PolygonOptions): void;
+    markerEvents: string[];
+    createMarker(marker: Marker): void;
+    updateMarker(marker: Marker, options: MarkerOptions): void;
+    private removeParentElementsMargin;
+    private markerMaxZIndex;
+    private getMaxZIndex;
+    setMarkerZIndex(marker: Marker, zIndex: number): void;
+    markerToTheTop(marker: Marker): void;
+    clearDrawable(drawable: Drawable): boolean;
+    private dragStartPoint;
+    private dragged;
+    isMapDragged(): boolean;
+    setMapDragged(value: boolean): void;
+    private checkLoaded;
+    loadMapApi(): Promise<boolean>;
+    initializingMap(divElement: HTMLDivElement): Promise<MapVendorType>;
+    private getSafeZoomValue;
+    destroyMap(): void;
+    getCurrBounds(): Bounds;
+    panningTo(targetCenter: Position): void;
+    getZoomLevel(): number;
+    setZoomLevel(zoom: number): void;
+    getCenter(): Position;
+    setCenter(position: Position): void;
+    private positionToLatLng;
+    private latLngToPosition;
+    private eventMap;
+    addEventListener(eventName: MapEventName, callback: EventCallback<EventParamType>): void;
+    removeEventListener(eventName: MapEventName, callback: EventCallback<EventParamType>): void;
+    removeAllEventListener(eventName?: MapEventName | undefined): void;
+    private clearEventListener;
+}

package/dist/components/mint-map/kakao/KakaoMintMapController.js

@@ -31,7 +31,9 @@ function (_super) {
     _this.dragged = false;
     _this.eventMap = new Map(); //kakao only 이벤트이름 재정의 zoom_start
 
-    _this.mapEvent.ZOOMSTART = 'zoom_start';
+    _this.mapEvent.ZOOMSTART = 'zoom_start'; //contextmenu 는 지원하지 않지만 호환성을 위해 rightclick 으로 대체
+
+    _this.mapUIEvent.CONTEXTMENU = 'rightclick';
     Object.freeze(_this.mapEvent);
     Object.freeze(_this.mapUIEvent);
     return _this; // console.log(`${this.type} controller loadded`);
@@ -534,13 +536,13 @@ function (_super) {
   };
 
   KakaoMintMapController.prototype.getSafeZoomValue = function (value) {
-    /**
-     * 카카오는 구글/네이버와 다르게 줌레벨이 작아질수록 확대된다 (가장 확대된 것이 0)
-     * - 가장 확대된 값 : 1
-     * - 가장 축소된 값 : 14
-     *
-     * 그래서 세계지도가 없는 카카오는 동일한 사정인 네이버와 매핑하기로 한다.
-     * 문제는 둘 간의 줌 레벨별 축척이 일치하지 않는다. 그래서 가장 유사한 레벨 끼리 매핑이 필요하다
+    /**
+     * 카카오는 구글/네이버와 다르게 줌레벨이 작아질수록 확대된다 (가장 확대된 것이 0)
+     * - 가장 확대된 값 : 1
+     * - 가장 축소된 값 : 14
+     *
+     * 그래서 세계지도가 없는 카카오는 동일한 사정인 네이버와 매핑하기로 한다.
+     * 문제는 둘 간의 줌 레벨별 축척이 일치하지 않는다. 그래서 가장 유사한 레벨 끼리 매핑이 필요하다
     */
     var mapValue = this.getBaseToMapZoom(value);
 
@@ -557,6 +559,7 @@ function (_super) {
     var _a;
 
     try {
+      this.removeAllEventListener();
       (_a = this.markerPool) === null || _a === void 0 ? void 0 : _a.destroy();
     } catch (e) {
       console.log('kakao map destroy error', e);