@mint-ui/map 0.1.9-beta → 0.2.1-beta

package/dist/components/mint-map/core/hooks/MarkerMovingHook.d.ts

@@ -1,6 +1,6 @@
-import { Marker } from "../../MintMap";
-import { MapMarkerMoving } from "../wrapper/MapMarkerWrapper";
-export interface MapMarkerMovingHookProps extends MapMarkerMoving {
-    marker?: Marker;
-}
-export declare function useMarkerMoving({ marker, positions, positionClosed, loop, fps, startPositionIndex, velocity, onMovingStart, onMovingEnd }: MapMarkerMovingHookProps): (() => void)[];
+import { Marker } from "../../MintMap";
+import { MapMarkerMoving } from "../wrapper/MapMarkerWrapper";
+export interface MapMarkerMovingHookProps extends MapMarkerMoving {
+    marker?: Marker;
+}
+export declare function useMarkerMoving({ marker, positions, positionClosed, loop, fps, startPositionIndex, velocity, onMovingStart, onMovingEnd }: MapMarkerMovingHookProps): (() => void)[];

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

@@ -1 +1 @@
-export * from "./MarkerMovingHook";
+export * from "./MarkerMovingHook";

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

@@ -1,7 +1,7 @@
-export * from "./MintMapCore";
-export * from "./MintMapController";
-export * from "./advanced";
-export * from "./hooks";
-export * from "./provider";
-export * from './util';
-export * from './wrapper';
+export * from "./MintMapCore";
+export * from "./MintMapController";
+export * from "./advanced";
+export * from "./hooks";
+export * from "./provider";
+export * from './util';
+export * from './wrapper';

package/dist/components/mint-map/core/provider/MintMapProvider.d.ts

@@ -1,8 +1,8 @@
-import { PropsWithChildren } from "react";
-import { MintMapController } from "../MintMapController";
-interface MintMapProviderProps {
-    controller: MintMapController;
-}
-export declare function MintMapProvider({ controller, children }: PropsWithChildren<MintMapProviderProps>): JSX.Element;
-export declare function useMintMapController(): MintMapController;
-export {};
+import { PropsWithChildren } from "react";
+import { MintMapController } from "../MintMapController";
+interface MintMapProviderProps {
+    controller: MintMapController;
+}
+export declare function MintMapProvider({ controller, children }: PropsWithChildren<MintMapProviderProps>): JSX.Element;
+export declare function useMintMapController(): MintMapController;
+export {};

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

@@ -1 +1 @@
-export * from "./MintMapProvider";
+export * from "./MintMapProvider";

package/dist/components/mint-map/core/util/animation.d.ts

@@ -1,16 +1,16 @@
-export declare type DrawFunction = (frameGapTime: number, elapsedTime: number) => boolean | undefined;
-export declare class AnimationPlayer {
-    prevtime: number;
-    elapsedTime: number;
-    fps: number | null;
-    baseDrawGapTime: number | null;
-    private deltaTime;
-    private playing;
-    draw: DrawFunction;
-    constructor(drawFunction: DrawFunction, fps?: number);
-    init(): void;
-    start(): void;
-    stop(): void;
-    resume(): void;
-    makeFrame(timestamp: number): void;
-}
+export declare type DrawFunction = (frameGapTime: number, elapsedTime: number) => boolean | undefined;
+export declare class AnimationPlayer {
+    prevtime: number;
+    elapsedTime: number;
+    fps: number | null;
+    baseDrawGapTime: number | null;
+    private deltaTime;
+    private playing;
+    draw: DrawFunction;
+    constructor(drawFunction: DrawFunction, fps?: number);
+    init(): void;
+    start(): void;
+    stop(): void;
+    resume(): void;
+    makeFrame(timestamp: number): void;
+}

package/dist/components/mint-map/core/util/calculate.d.ts

@@ -1,34 +1,34 @@
-import { Position } from "../../MintMap";
-export declare class PolygonCalculator {
-    static getCenter(positions: Position[]): Position;
-    static intersects(positions1: Position[], positions2: Position[]): boolean;
-    static getIncludedPositions(polygon: Position[], position: Position | Position[]): Position[];
-    private static convertPolygonToLinePoints;
-    private static convertPositionToPoints;
-    private static getCrossPoint;
-    private static toFixedPosition;
-    private static getCrossPointAll;
-    private static findCrossPoint;
-}
-export interface NextPositionContext {
-    pos1: Position;
-    pos2: Position;
-    velocityKmh: number;
-    elapsedTimeMs: number;
-    totalDistance: number;
-    currDistance: number;
-    distanceRemain: number;
-    prevPos2: Position;
-    prevVelocityKmh: number;
-    vPerMs: number;
-    nextPos: Position;
-}
-export declare class GeoCalulator {
-    private static readonly EARTH_RADIUS;
-    private static readonly LATITUDE_POSITION_VALUE_PER_METER;
-    static computeDistanceKiloMeter(pos1: Position, pos2: Position): number;
-    private static deg2rad;
-    static convertMeterToLatitudeValue(meter: number): number;
-    private static readonly MS_FROM_HOUR;
-    static computeNextPositionAndDistances(context: NextPositionContext): NextPositionContext;
-}
+import { Position } from "../../MintMap";
+export declare class PolygonCalculator {
+    static getCenter(positions: Position[]): Position;
+    static intersects(positions1: Position[], positions2: Position[]): boolean;
+    static getIncludedPositions(polygon: Position[], position: Position | Position[]): Position[];
+    private static convertPolygonToLinePoints;
+    private static convertPositionToPoints;
+    private static getCrossPoint;
+    private static toFixedPosition;
+    private static getCrossPointAll;
+    private static findCrossPoint;
+}
+export interface NextPositionContext {
+    pos1: Position;
+    pos2: Position;
+    velocityKmh: number;
+    elapsedTimeMs: number;
+    totalDistance: number;
+    currDistance: number;
+    distanceRemain: number;
+    prevPos2: Position;
+    prevVelocityKmh: number;
+    vPerMs: number;
+    nextPos: Position;
+}
+export declare class GeoCalulator {
+    private static readonly EARTH_RADIUS;
+    private static readonly LATITUDE_POSITION_VALUE_PER_METER;
+    static computeDistanceKiloMeter(pos1: Position, pos2: Position): number;
+    private static deg2rad;
+    static convertMeterToLatitudeValue(meter: number): number;
+    private static readonly MS_FROM_HOUR;
+    static computeNextPositionAndDistances(context: NextPositionContext): NextPositionContext;
+}

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

@@ -1,3 +1,3 @@
-export * from './animation';
-export * from './calculate';
-export * from './waiting';
+export * from './animation';
+export * from './calculate';
+export * from './waiting';

package/dist/components/mint-map/core/util/waiting.d.ts

@@ -1 +1 @@
-export declare function waiting(evaluation: () => boolean, timeoutSeconds?: number): Promise<boolean>;
+export declare function waiting(evaluation: () => boolean, timeoutSeconds?: number): Promise<boolean>;

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

@@ -1,11 +1,11 @@
-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;
-}
-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;
+}
+export declare function MapControlWrapper({ width, height, positionHorizontal, positionVertical, children }: PropsWithChildren<MapControlWrapperProps>): JSX.Element;
+export {};

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

@@ -1,23 +1,23 @@
-import { PropsWithChildren } from "react";
-import { MarkerOptions, Position } from "../../MintMap";
-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;
-}
-export declare function MapMarkerWrapper({ startAnimationClassName, endAnimationClassName, topOnClick, topOnHover, movingAnimation, children, ...options }: PropsWithChildren<MapMarkerWrapperProps>): JSX.Element;
+import { PropsWithChildren } from "react";
+import { MarkerOptions, Position } from "../../MintMap";
+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;
+}
+export declare function MapMarkerWrapper({ startAnimationClassName, endAnimationClassName, topOnClick, topOnHover, movingAnimation, children, ...options }: PropsWithChildren<MapMarkerWrapperProps>): JSX.Element;

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

@@ -1,5 +1,5 @@
-import { PropsWithChildren } from "react";
-import { PolygonOptions } from "../../MintMap";
-export interface MapPolygonWrapperProps extends PolygonOptions {
-}
-export declare function MapPolygonWrapper({ children, ...options }: PropsWithChildren<MapPolygonWrapperProps>): JSX.Element;
+import { PropsWithChildren } from "react";
+import { PolygonOptions } from "../../MintMap";
+export interface MapPolygonWrapperProps extends PolygonOptions {
+}
+export declare function MapPolygonWrapper({ children, ...options }: PropsWithChildren<MapPolygonWrapperProps>): JSX.Element;

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

@@ -1,5 +1,5 @@
-import { PropsWithChildren } from "react";
-import { PolylineOptions } from "../../MintMap";
-export interface MapPolylineWrapperProps extends PolylineOptions {
-}
-export declare function MapPolylineWrapper({ children, ...options }: PropsWithChildren<MapPolylineWrapperProps>): JSX.Element;
+import { PropsWithChildren } from "react";
+import { PolylineOptions } from "../../MintMap";
+export interface MapPolylineWrapperProps extends PolylineOptions {
+}
+export declare function MapPolylineWrapper({ children, ...options }: PropsWithChildren<MapPolylineWrapperProps>): JSX.Element;

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

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

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

@@ -1,35 +1,35 @@
-/// <reference types="google.maps" />
-import { MintMapController } from "../core/MintMapController";
-import { Bounds, Drawable, MapType, MapVendorType, Marker, MarkerOptions, MintMapProps, Polygon, PolygonOptions, Polyline, PolylineOptions, Position } from "../MintMap";
-export declare class GoogleMintMapController extends MintMapController {
-    type: MapType;
-    map: google.maps.Map | null;
-    scriptUrl: string;
-    scriptModules: string[];
-    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;
-    markerToTheTop(marker: Marker): void;
-    clearDrawable(drawable: Drawable): boolean;
-    private dragged;
-    isMapDragged(): boolean;
-    setMapDragged(value: boolean): void;
-    loadMapApi(): Promise<boolean>;
-    initializingMap(divElement: HTMLDivElement): Promise<MapVendorType>;
-    destroyMap: () => void;
-    private fromGoogleBounds;
-    getCurrBounds(): Bounds;
-    panningTo(targetCenter: Position): void;
-    getZoomLevel(): number;
-    setZoomLevel(zoom: number): void;
-}
+/// <reference types="google.maps" />
+import { MintMapController } from "../core/MintMapController";
+import { Bounds, Drawable, MapType, MapVendorType, Marker, MarkerOptions, MintMapProps, Polygon, PolygonOptions, Polyline, PolylineOptions, Position } from "../MintMap";
+export declare class GoogleMintMapController extends MintMapController {
+    type: MapType;
+    map: google.maps.Map | null;
+    scriptUrl: string;
+    scriptModules: string[];
+    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;
+    markerToTheTop(marker: Marker): void;
+    clearDrawable(drawable: Drawable): boolean;
+    private dragged;
+    isMapDragged(): boolean;
+    setMapDragged(value: boolean): void;
+    loadMapApi(): Promise<boolean>;
+    initializingMap(divElement: HTMLDivElement): Promise<MapVendorType>;
+    destroyMap: () => void;
+    private fromGoogleBounds;
+    getCurrBounds(): Bounds;
+    panningTo(targetCenter: Position): void;
+    getZoomLevel(): number;
+    setZoomLevel(zoom: number): void;
+}

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

@@ -111,7 +111,8 @@ var GoogleMintMapController = function (_super) {
       var outLine = position.map(function (elem) {
         return Array.isArray(elem) ? new MintMap.Position(elem[1], elem[0]) : elem;
       });
-      var paths = innerPositions ? tslib.__spreadArray([outLine], innerPositions, true) : [outLine];
+      var paths = [outLine];
+      innerPositions && paths.push.apply(paths, innerPositions);
       var pol_2 = new google.maps.Polygon({
         map: this.map,
         paths: paths,
@@ -361,7 +362,7 @@ var GoogleMintMapController = function (_super) {
 
                 case 2:
                   map = new google.maps.Map(divElement, {
-                    mapId: this.mapProps.mapId,
+                    mapId: this.mapProps.mapId || 'TEMP_MAP_ID',
                     center: (_a = this.mapProps.base) === null || _a === void 0 ? void 0 : _a.center,
                     maxZoom: (_b = this.mapProps.base) === null || _b === void 0 ? void 0 : _b.maxZoomLevel,
                     minZoom: (_c = this.mapProps.base) === null || _c === void 0 ? void 0 : _c.minZoomLevel,
@@ -369,20 +370,13 @@ var GoogleMintMapController = function (_super) {
                     disableDefaultUI: true,
                     gestureHandling: 'greedy'
                   });
-                  map.addListener('dragend', function () {
-                    console.log('map dragend');
-                    _this.mapProps.onBoundsChanged && _this.mapProps.onBoundsChanged(_this.getCurrBounds());
-                  });
                   map.addListener('idle', function () {
                     _this.mapProps.onBoundsChanged && _this.mapProps.onBoundsChanged(_this.getCurrBounds());
                   });
                   map.addListener('zoom_changed', function () {
-                    console.log('zoom_changed');
                     _this.map && _this.mapProps.onZoomChanged && _this.mapProps.onZoomChanged(_this.map.getZoom());
-                    _this.mapProps.onBoundsChanged && _this.mapProps.onBoundsChanged(_this.getCurrBounds());
                   });
                   map.addListener('click', function (e) {
-                    console.log('map click', e);
                     var pos = new MintMap.Position(e.latLng.lat(), e.latLng.lng());
                     pos.offset = new MintMap.Offset(e.pixel.x, e.pixel.y);
                     _this.mapProps.onClick && _this.mapProps.onClick(pos);

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

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

package/dist/components/mint-map/naver/NaverMintMapController.d.ts

@@ -1,38 +1,38 @@
-/// <reference types="navermaps" />
-import { MintMapController } from "../core/MintMapController";
-import { Bounds, Drawable, MapType, MapVendorType, Marker, MarkerOptions, MintMapProps, Polygon, PolygonOptions, Polyline, PolylineOptions, Position } from "../MintMap";
-import { ObjectPool } from '@mint-ui/tools';
-export declare class NaverMintMapController extends MintMapController {
-    type: MapType;
-    map: naver.maps.Map | null;
-    scriptUrl: string;
-    scriptModules: string[];
-    markerPool?: ObjectPool<naver.maps.Marker>;
-    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 markerMaxZIndex;
-    private getMaxZIndex;
-    markerToTheTop(marker: Marker): void;
-    clearDrawable(drawable: Drawable): boolean;
-    private dragStartPoint;
-    private dragged;
-    isMapDragged(): boolean;
-    setMapDragged(value: boolean): void;
-    loadMapApi(): Promise<boolean>;
-    initializingMap(divElement: HTMLDivElement): Promise<MapVendorType>;
-    private getSafeZoomValue;
-    destroyMap(): void;
-    getCurrBounds(): Bounds;
-    panningTo(targetCenter: Position): void;
-    getZoomLevel(): number;
-    setZoomLevel(zoom: number): void;
-}
+/// <reference types="navermaps" />
+import { MintMapController } from "../core/MintMapController";
+import { Bounds, Drawable, MapType, MapVendorType, Marker, MarkerOptions, MintMapProps, Polygon, PolygonOptions, Polyline, PolylineOptions, Position } from "../MintMap";
+import { ObjectPool } from '@mint-ui/tools';
+export declare class NaverMintMapController extends MintMapController {
+    type: MapType;
+    map: naver.maps.Map | null;
+    scriptUrl: string;
+    scriptModules: string[];
+    markerPool?: ObjectPool<naver.maps.Marker>;
+    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 markerMaxZIndex;
+    private getMaxZIndex;
+    markerToTheTop(marker: Marker): void;
+    clearDrawable(drawable: Drawable): boolean;
+    private dragStartPoint;
+    private dragged;
+    isMapDragged(): boolean;
+    setMapDragged(value: boolean): void;
+    loadMapApi(): Promise<boolean>;
+    initializingMap(divElement: HTMLDivElement): Promise<MapVendorType>;
+    private getSafeZoomValue;
+    destroyMap(): void;
+    getCurrBounds(): Bounds;
+    panningTo(targetCenter: Position): void;
+    getZoomLevel(): number;
+    setZoomLevel(zoom: number): void;
+}

package/dist/components/mint-map/naver/NaverMintMapController.js

@@ -127,7 +127,8 @@ var NaverMintMapController = function (_super) {
       var outLine = position.map(function (elem) {
         return Array.isArray(elem) ? new MintMap.Position(elem[1], elem[0]) : elem;
       });
-      var paths = innerPositions ? tslib.__spreadArray([outLine], innerPositions, true) : [outLine];
+      var paths = [outLine];
+      innerPositions && paths.push.apply(paths, innerPositions);
       var pol_2 = new naver.maps.Polygon({
         map: this.map,
         paths: paths,

package/dist/index.d.ts

@@ -1 +1 @@
-export * from './components/mint-map';
+export * from './components/mint-map';

package/dist/index.es.js

@@ -1,4 +1,4 @@
-import { __awaiter, __generator, __extends, __spreadArray, __assign, __rest } from 'tslib';
+import { __awaiter, __generator, __extends, __assign, __rest, __spreadArray } from 'tslib';
 import React, { createContext, useContext, useRef, useState, useEffect } from 'react';
 import classNames from 'classnames/bind';
 import styleInject from 'style-inject';
@@ -511,7 +511,8 @@ var NaverMintMapController = function (_super) {
       var outLine = position.map(function (elem) {
         return Array.isArray(elem) ? new Position(elem[1], elem[0]) : elem;
       });
-      var paths = innerPositions ? __spreadArray([outLine], innerPositions, true) : [outLine];
+      var paths = [outLine];
+      innerPositions && paths.push.apply(paths, innerPositions);
       var pol_2 = new naver.maps.Polygon({
         map: this.map,
         paths: paths,
@@ -984,7 +985,8 @@ var GoogleMintMapController = function (_super) {
       var outLine = position.map(function (elem) {
         return Array.isArray(elem) ? new Position(elem[1], elem[0]) : elem;
       });
-      var paths = innerPositions ? __spreadArray([outLine], innerPositions, true) : [outLine];
+      var paths = [outLine];
+      innerPositions && paths.push.apply(paths, innerPositions);
       var pol_2 = new google.maps.Polygon({
         map: this.map,
         paths: paths,
@@ -1234,7 +1236,7 @@ var GoogleMintMapController = function (_super) {
 
                 case 2:
                   map = new google.maps.Map(divElement, {
-                    mapId: this.mapProps.mapId,
+                    mapId: this.mapProps.mapId || 'TEMP_MAP_ID',
                     center: (_a = this.mapProps.base) === null || _a === void 0 ? void 0 : _a.center,
                     maxZoom: (_b = this.mapProps.base) === null || _b === void 0 ? void 0 : _b.maxZoomLevel,
                     minZoom: (_c = this.mapProps.base) === null || _c === void 0 ? void 0 : _c.minZoomLevel,
@@ -1242,20 +1244,13 @@ var GoogleMintMapController = function (_super) {
                     disableDefaultUI: true,
                     gestureHandling: 'greedy'
                   });
-                  map.addListener('dragend', function () {
-                    console.log('map dragend');
-                    _this.mapProps.onBoundsChanged && _this.mapProps.onBoundsChanged(_this.getCurrBounds());
-                  });
                   map.addListener('idle', function () {
                     _this.mapProps.onBoundsChanged && _this.mapProps.onBoundsChanged(_this.getCurrBounds());
                   });
                   map.addListener('zoom_changed', function () {
-                    console.log('zoom_changed');
                     _this.map && _this.mapProps.onZoomChanged && _this.mapProps.onZoomChanged(_this.map.getZoom());
-                    _this.mapProps.onBoundsChanged && _this.mapProps.onBoundsChanged(_this.getCurrBounds());
                   });
                   map.addListener('click', function (e) {
-                    console.log('map click', e);
                     var pos = new Position(e.latLng.lat(), e.latLng.lng());
                     pos.offset = new Offset(e.pixel.x, e.pixel.y);
                     _this.mapProps.onClick && _this.mapProps.onClick(pos);

package/dist/index.umd.js

@@ -516,7 +516,8 @@
         var outLine = position.map(function (elem) {
           return Array.isArray(elem) ? new Position(elem[1], elem[0]) : elem;
         });
-        var paths = innerPositions ? tslib.__spreadArray([outLine], innerPositions, true) : [outLine];
+        var paths = [outLine];
+        innerPositions && paths.push.apply(paths, innerPositions);
         var pol_2 = new naver.maps.Polygon({
           map: this.map,
           paths: paths,
@@ -989,7 +990,8 @@
         var outLine = position.map(function (elem) {
           return Array.isArray(elem) ? new Position(elem[1], elem[0]) : elem;
         });
-        var paths = innerPositions ? tslib.__spreadArray([outLine], innerPositions, true) : [outLine];
+        var paths = [outLine];
+        innerPositions && paths.push.apply(paths, innerPositions);
         var pol_2 = new google.maps.Polygon({
           map: this.map,
           paths: paths,
@@ -1239,7 +1241,7 @@
 
                   case 2:
                     map = new google.maps.Map(divElement, {
-                      mapId: this.mapProps.mapId,
+                      mapId: this.mapProps.mapId || 'TEMP_MAP_ID',
                       center: (_a = this.mapProps.base) === null || _a === void 0 ? void 0 : _a.center,
                       maxZoom: (_b = this.mapProps.base) === null || _b === void 0 ? void 0 : _b.maxZoomLevel,
                       minZoom: (_c = this.mapProps.base) === null || _c === void 0 ? void 0 : _c.minZoomLevel,
@@ -1247,20 +1249,13 @@
                       disableDefaultUI: true,
                       gestureHandling: 'greedy'
                     });
-                    map.addListener('dragend', function () {
-                      console.log('map dragend');
-                      _this.mapProps.onBoundsChanged && _this.mapProps.onBoundsChanged(_this.getCurrBounds());
-                    });
                     map.addListener('idle', function () {
                       _this.mapProps.onBoundsChanged && _this.mapProps.onBoundsChanged(_this.getCurrBounds());
                     });
                     map.addListener('zoom_changed', function () {
-                      console.log('zoom_changed');
                       _this.map && _this.mapProps.onZoomChanged && _this.mapProps.onZoomChanged(_this.map.getZoom());
-                      _this.mapProps.onBoundsChanged && _this.mapProps.onBoundsChanged(_this.getCurrBounds());
                     });
                     map.addListener('click', function (e) {
-                      console.log('map click', e);
                       var pos = new Position(e.latLng.lat(), e.latLng.lng());
                       pos.offset = new Offset(e.pixel.x, e.pixel.y);
                       _this.mapProps.onClick && _this.mapProps.onClick(pos);