@mint-ui/map 0.5.5-beta → 0.5.7-beta

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

@@ -3,6 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib = require('tslib');
+var log = require('../core/util/log.js');
+var status = require('../core/util/status.js');
 var MintMapController = require('../core/MintMapController.js');
 var waiting = require('../core/util/waiting.js');
 var MapEventTypes = require('../types/MapEventTypes.js');
@@ -216,6 +218,8 @@ function (_super) {
         googleMarker_1 = new google.maps.Marker(options);
       }
 
+      log.log(this.mapProps.debug || marker.options.debug, marker.options.debugLabel, this.type + ' marker created');
+      status.Status.setMarker(1, marker.options.debugLabel);
       marker.native = googleMarker_1;
       ((_a = marker.options) === null || _a === void 0 ? void 0 : _a.event) && marker.options.event.forEach(function (handler, key) {
         if (_this.markerEvents.includes(key)) {
@@ -254,6 +258,8 @@ function (_super) {
           marker.native.position = options.position;
         }
       }
+
+      log.log(this.mapProps.debug || options.debug, marker.options.debugLabel, this.type + ' marker updated');
     }
   };
 
@@ -320,6 +326,8 @@ function (_super) {
       } else if (drawable.native instanceof google.maps.marker.AdvancedMarkerView) {
         google.maps.event.clearInstanceListeners(drawable.native);
         drawable.native.map = null;
+        log.log(this.mapProps.debug || drawable.options.debug, drawable.options.debugLabel, this.type + ' marker cleared');
+        status.Status.setMarker(-1, drawable.options.debugLabel);
         return true;
       }
     }

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

@@ -8,6 +8,8 @@ var waiting = require('../core/util/waiting.js');
 var tools = require('@mint-ui/tools');
 var MapTypes = require('../types/MapTypes.js');
 var MapEventTypes = require('../types/MapEventTypes.js');
+var log = require('../core/util/log.js');
+var status = require('../core/util/status.js');
 
 var KakaoMintMapController =
 /** @class */
@@ -233,6 +235,8 @@ function (_super) {
         this.updateMarker(marker, marker.options);
       } else {
         kakaoMarker_1 = new kakao.maps.CustomOverlay(options);
+        log.log(this.mapProps.debug || marker.options.debug, marker.options.debugLabel, this.type + ' marker created');
+        status.Status.setMarker(1, marker.options.debugLabel);
         marker.options.visible !== undefined && kakaoMarker_1.setVisible(marker.options.visible);
         this.removeParentElementsMargin(marker);
         marker.native = kakaoMarker_1;
@@ -261,6 +265,7 @@ function (_super) {
           marker.native.setVisible(options.visible);
         }
 
+        log.log(this.mapProps.debug || options.debug, marker.options.debugLabel, this.type + ' marker updated');
         this.removeParentElementsMargin(marker);
       }
     }
@@ -333,6 +338,8 @@ function (_super) {
           (_a = this.markerPool) === null || _a === void 0 ? void 0 : _a.releasePoolItem(drawable.native);
         } else {
           drawable.native.setMap(null);
+          log.log(this.mapProps.debug || drawable.options.debug, drawable.options.debugLabel, this.type + ' marker cleared');
+          status.Status.setMarker(-1, drawable.options.debugLabel);
         }
       } else {
         drawable.native.setMap(null);
@@ -537,13 +544,13 @@ function (_super) {
   };
 
   KakaoMintMapController.prototype.getSafeZoomValue = function (value) {
-    /**
-     * 카카오는 구글/네이버와 다르게 줌레벨이 작아질수록 확대된다 (가장 확대된 것이 0)
-     * - 가장 확대된 값 : 1
-     * - 가장 축소된 값 : 14
-     *
-     * 그래서 세계지도가 없는 카카오는 동일한 사정인 네이버와 매핑하기로 한다.
-     * 문제는 둘 간의 줌 레벨별 축척이 일치하지 않는다. 그래서 가장 유사한 레벨 끼리 매핑이 필요하다
+    /**
+     * 카카오는 구글/네이버와 다르게 줌레벨이 작아질수록 확대된다 (가장 확대된 것이 0)
+     * - 가장 확대된 값 : 1
+     * - 가장 축소된 값 : 14
+     *
+     * 그래서 세계지도가 없는 카카오는 동일한 사정인 네이버와 매핑하기로 한다.
+     * 문제는 둘 간의 줌 레벨별 축척이 일치하지 않는다. 그래서 가장 유사한 레벨 끼리 매핑이 필요하다
     */
     var mapValue = this.getBaseToMapZoom(value);
 

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

@@ -1,54 +1,54 @@
-/// <reference types="navermaps" />
-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, Offset, Position } from "../types/MapTypes";
-import { MintMapProps } from "../types/MintMapProps";
-import { EventCallback, EventParamType, MapEvent, MapEventName, MapUIEvent } from "../types/MapEventTypes";
-export declare class NaverMintMapController extends MintMapController {
-    type: MapType;
-    map: naver.maps.Map | null;
-    scriptUrl: string;
-    scriptModules: string[];
-    protected mapEvent: MapEvent;
-    protected mapUIEvent: MapUIEvent;
-    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;
-    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;
-    naverPositionToOffset(position: Position): Offset;
-    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="navermaps" />
+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, Offset, Position } from "../types/MapTypes";
+import { MintMapProps } from "../types/MintMapProps";
+import { EventCallback, EventParamType, MapEvent, MapEventName, MapUIEvent } from "../types/MapEventTypes";
+export declare class NaverMintMapController extends MintMapController {
+    type: MapType;
+    map: naver.maps.Map | null;
+    scriptUrl: string;
+    scriptModules: string[];
+    protected mapEvent: MapEvent;
+    protected mapUIEvent: MapUIEvent;
+    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;
+    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;
+    naverPositionToOffset(position: Position): Offset;
+    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/naver/NaverMintMapController.js

@@ -8,6 +8,8 @@ var waiting = require('../core/util/waiting.js');
 var tools = require('@mint-ui/tools');
 var MapTypes = require('../types/MapTypes.js');
 var MapEventTypes = require('../types/MapEventTypes.js');
+var log = require('../core/util/log.js');
+var status = require('../core/util/status.js');
 
 var NaverMintMapController =
 /** @class */
@@ -216,8 +218,7 @@ function (_super) {
         map: this.map,
         position: marker.options.position,
         visible: marker.options.visible === undefined || marker.options.visible
-      }; //console.log('controller createMarker', marker.options);
-
+      };
       marker.element && (options.icon = {
         content: marker.element,
         anchor: marker.options.anchor
@@ -235,6 +236,8 @@ function (_super) {
         marker.native = naverMarker_1;
       }
 
+      log.log(this.mapProps.debug || marker.options.debug, marker.options.debugLabel, this.type + ' marker created');
+      status.Status.setMarker(1, marker.options.debugLabel);
       ((_a = marker.options) === null || _a === void 0 ? void 0 : _a.event) && marker.options.event.forEach(function (handler, key) {
         if (_this.markerEvents.includes(key)) {
           naver.maps.Event.addListener(naverMarker_1, key, handler);
@@ -249,11 +252,11 @@ function (_super) {
       var map = marker.native.getMap();
 
       if (map) {
-        /** 중요!!!!
-         * naver 마커의 setOption(MarkerOptions) 은 내부적으로 setMap 을 무조건 강제 처리한다!!!
-         * setMap 을 처리하면 맵의 이벤트리스너 등등이 모두 초기화 되고 다시 맵을 add 하면서 마커관련된 모든 초기화가 다시 일어난다.
-         * (심지어 map 이 기존과 같은 객체인데도 초기화 처리함)
-         * 그래서 민트맵에서는 update 를 지원하는 항목별로 명시적으로 각각 처리한다.
+        /** 중요!!!!
+         * naver 마커의 setOption(MarkerOptions) 은 내부적으로 setMap 을 무조건 강제 처리한다!!!
+         * setMap 을 처리하면 맵의 이벤트리스너 등등이 모두 초기화 되고 다시 맵을 add 하면서 마커관련된 모든 초기화가 다시 일어난다.
+         * (심지어 map 이 기존과 같은 객체인데도 초기화 처리함)
+         * 그래서 민트맵에서는 update 를 지원하는 항목별로 명시적으로 각각 처리한다.
         */
         //Position
         if (options.position && options.position instanceof MapTypes.Position) {
@@ -268,7 +271,9 @@ function (_super) {
           marker.native.setIcon(tslib.__assign(tslib.__assign({}, marker.native.getIcon()), {
             anchor: options.anchor
           }));
-        } // const newOption = {
+        }
+
+        log.log(this.mapProps.debug || options.debug, marker.options.debugLabel, this.type + ' marker updated'); // const newOption = {
         //   map:map,
         //   position:options.position instanceof Position?options.position:marker.native.getPosition(),
         //   visible:options.visible === undefined || options.visible,
@@ -282,7 +287,6 @@ function (_super) {
         //   visible:options.visible === undefined || options.visible,
         //   icon:{...marker.native.getIcon(), anchor:options.anchor}
         // })
-
       }
     }
   };
@@ -340,6 +344,9 @@ function (_super) {
         } else {
           drawable.native.setMap(null);
         }
+
+        log.log(this.mapProps.debug || drawable.options.debug, drawable.options.debugLabel, this.type + ' marker cleared');
+        status.Status.setMarker(-1, drawable.options.debugLabel);
       } else {
         drawable.native.setMap(null);
       }

package/dist/components/mint-map/types/CommonTypes.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="navermaps" />
-/// <reference types="google.maps" />
-/// <reference types="kakaomaps" />
-/**
- * 지원되는 맵 종류
- */
-export declare type MapType = 'naver' | 'google' | 'kakao';
-/**
- * 맵 객체의 native 타입
- */
-export declare type MapVendorType = naver.maps.Map | google.maps.Map | kakao.maps.Map;
+/// <reference types="navermaps" />
+/// <reference types="google.maps" />
+/// <reference types="kakaomaps" />
+/**
+ * 지원되는 맵 종류
+ */
+export declare type MapType = 'naver' | 'google' | 'kakao';
+/**
+ * 맵 객체의 native 타입
+ */
+export declare type MapVendorType = naver.maps.Map | google.maps.Map | kakao.maps.Map;

package/dist/components/mint-map/types/MapDrawables.d.ts

@@ -1,110 +1,118 @@
-import { Offset, Position } from "./MapTypes";
-export interface DrawableOptions {
-    /**
-    * 좌표값
-    */
-    position: Position | Position[] | [number, number][];
-    /**
-      * 좌표값
-      */
-    visible?: boolean;
-    /**
-     * 이벤트 목록
-     */
-    event?: Map<keyof DocumentEventMap, (e: Event) => boolean | void>;
-}
-export declare abstract class Drawable {
-    /**
-     * 지도의 native drawable object
-     */
-    native?: any;
-    /**
-     * Drawable options
-     */
-    abstract options: DrawableOptions;
-}
-export interface MarkerOptions extends DrawableOptions {
-    /**
-     * 마커의 좌표와 Element 사이의 offset 값
-     */
-    anchor?: Offset;
-    /**
-     * zIndex 설정
-     */
-    zIndex?: number;
-}
-export declare class Marker extends Drawable {
-    /**
-     * Marker 의 옵션
-     */
-    options: MarkerOptions;
-    /**
-     * 커스텀 마커 Element
-     */
-    element?: string | HTMLElement;
-    /**
-     * 지도에 표시할 마커정보
-     */
-    constructor(options: MarkerOptions);
-}
-export interface PolylineOptions extends DrawableOptions {
-    /**
-    * 외곽선 의 색상
-    * @description css 의 color 에 준함
-    */
-    lineColor?: string;
-    /**
-    * 외곽선 의 굵기
-    * @description 픽셀
-    */
-    lineSize?: number;
-    /**
-      * 외곽선 의 투명도
-      * @description 0.0과 1.0 사이의 불투명도
-      */
-    lineOpacity?: number;
-    /**
-     * 편집가능 여부
-     */
-    editable?: boolean;
-}
-export declare class Polyline extends Drawable {
-    /**
-     * Polygon 의 옵션
-     */
-    options: PolylineOptions;
-    /**
-     * 지도에 표시할 폴리곤정보
-     */
-    constructor(options: PolylineOptions);
-}
-export interface PolygonOptions extends PolylineOptions {
-    /**
-     * 폴리곤 외곽선의 내부 다각형 position
-     */
-    innerPositions?: Position[][];
-    /**
-    * 면의 배경색
-    * @description css 의 color 에 준함
-    */
-    fillColor?: string;
-    /**
-    * 면의 투명도
-    * @description 0~1 의 값
-    */
-    fillOpacity?: number;
-}
-export declare class Polygon extends Drawable {
-    /**
-     * Polygon 의 옵션
-     */
-    options: PolygonOptions;
-    /**
-     * 지도에 표시할 폴리곤정보
-     */
-    constructor(options: PolygonOptions);
-    /**
-     * 폴리곤의 중점을 구한다.
-     */
-    getCenter(): Position;
-}
+import { Offset, Position } from "./MapTypes";
+export interface DrawableOptions {
+    /**
+    * 좌표값
+    */
+    position: Position | Position[] | [number, number][];
+    /**
+      * 좌표값
+      */
+    visible?: boolean;
+    /**
+     * 이벤트 목록
+     */
+    event?: Map<keyof DocumentEventMap, (e: Event) => boolean | void>;
+    /**
+     * 디버그
+     */
+    debug?: boolean;
+    /**
+     * 디버그상의 label
+     */
+    debugLabel?: string;
+}
+export declare abstract class Drawable {
+    /**
+     * 지도의 native drawable object
+     */
+    native?: any;
+    /**
+     * Drawable options
+     */
+    abstract options: DrawableOptions;
+}
+export interface MarkerOptions extends DrawableOptions {
+    /**
+     * 마커의 좌표와 Element 사이의 offset 값
+     */
+    anchor?: Offset;
+    /**
+     * zIndex 설정
+     */
+    zIndex?: number;
+}
+export declare class Marker extends Drawable {
+    /**
+     * Marker 의 옵션
+     */
+    options: MarkerOptions;
+    /**
+     * 커스텀 마커 Element
+     */
+    element?: string | HTMLElement;
+    /**
+     * 지도에 표시할 마커정보
+     */
+    constructor(options: MarkerOptions);
+}
+export interface PolylineOptions extends DrawableOptions {
+    /**
+    * 외곽선 의 색상
+    * @description css 의 color 에 준함
+    */
+    lineColor?: string;
+    /**
+    * 외곽선 의 굵기
+    * @description 픽셀
+    */
+    lineSize?: number;
+    /**
+      * 외곽선 의 투명도
+      * @description 0.0과 1.0 사이의 불투명도
+      */
+    lineOpacity?: number;
+    /**
+     * 편집가능 여부
+     */
+    editable?: boolean;
+}
+export declare class Polyline extends Drawable {
+    /**
+     * Polygon 의 옵션
+     */
+    options: PolylineOptions;
+    /**
+     * 지도에 표시할 폴리곤정보
+     */
+    constructor(options: PolylineOptions);
+}
+export interface PolygonOptions extends PolylineOptions {
+    /**
+     * 폴리곤 외곽선의 내부 다각형 position
+     */
+    innerPositions?: Position[][];
+    /**
+    * 면의 배경색
+    * @description css 의 color 에 준함
+    */
+    fillColor?: string;
+    /**
+    * 면의 투명도
+    * @description 0~1 의 값
+    */
+    fillOpacity?: number;
+}
+export declare class Polygon extends Drawable {
+    /**
+     * Polygon 의 옵션
+     */
+    options: PolygonOptions;
+    /**
+     * 지도에 표시할 폴리곤정보
+     */
+    constructor(options: PolygonOptions);
+    /**
+     * 폴리곤의 중점을 구한다.
+     */
+    getCenter(): Position;
+}