/// <reference types="kakao.maps.d.ts" />
import React from "react";
export interface RoadviewMarkerProps {
    /**
     * 표시 위치
     */
    position: {
        lat: number;
        lng: number;
    } | {
        x: number;
        y: number;
    } | {
        /**
         * 가로 각도, 0부터 360 사이의 값으로 북쪽부터 시계방향으로 대응한다.
         */
        pan: number;
        /**
         * 세로 각도, -90부터 90 사이의 값으로 위쪽부터 아래쪽으로 대응한다.
         */
        tilt: number;
        /**
         * 확대 수준, -3부터 3 사이의 정수이다.
         */
        zoom?: number;
        /**
         * 특정 위치의 로드뷰 고유의 아이디 값
         */
        panoId?: number;
    };
    image?: {
        /**
         * 표시 이미지 src
         */
        src: string;
        /**
         * 표시 이미지 크기
         */
        size: {
            width: number;
            height: number;
        };
        options?: {
            /**
             * 마커 이미지의 alt 속성값을 정의한다.
             */
            alt?: string;
            /**
             * 마커의 클릭 또는 마우스오버 가능한 영역을 표현하는 좌표값
             */
            coords?: string;
            /**
             * 마커의 좌표에 일치시킬 이미지 안의 좌표 (기본값: 이미지의 가운데 아래)
             */
            offset?: {
                x: number;
                y: number;
            };
            /**
             * 마커의 클릭 또는 마우스오버 가능한 영역의 모양
             */
            shape?: "default" | "rect" | "circle" | "poly";
            /**
             * 스프라이트 이미지 중 사용할 영역의 좌상단 좌표
             */
            spriteOrigin?: {
                x: number;
                y: number;
            };
            /**
             * 스프라이트 이미지의 전체 크기
             */
            spriteSize?: {
                width: number;
                height: number;
            };
        };
    };
    /**
     * click 이벤트 핸들러
     */
    onClick?: (marker: kakao.maps.Marker) => void;
    /**
     * mouseover 이벤트 핸들러
     */
    onMouseOver?: (marker: kakao.maps.Marker) => void;
    /**
     * mouseout 이벤트 핸들러
     */
    onMouseOut?: (marker: kakao.maps.Marker) => void;
    /**
     * dragstart 이벤트 핸들러
     */
    onDragStart?: (marker: kakao.maps.Marker) => void;
    /**
     * dragend 이벤트 핸들러
     */
    onDragEnd?: (marker: kakao.maps.Marker) => void;
    /**
     * Marker 생성 이벤트 핸들러
     */
    onCreate?: (marker: kakao.maps.Marker) => void;
    /**
     * 마커 엘리먼트의 타이틀 속성 값 (툴팁)
     */
    title?: string;
    /**
     * 클릭 가능한 마커
     */
    clickable?: boolean;
    /**
     * 마커 엘리먼트의 z-index 속성 값
     */
    zIndex?: number;
    /**
     * 마커 투명도 (0-1)
     */
    opacity?: number;
    /**
     * 로드뷰에 올라있는 마커의 높이 값(m 단위)
     */
    altitude?: number;
    /**
     * 로드뷰 상에서 마커의 가시반경(m 단위), 두 지점 사이의 거리가 지정한 값보다 멀어지면 마커는 로드뷰에서 보이지 않게 된다.
     */
    range?: number;
    /**
     * InfoWindow 옵션
     */
    infoWindowOptions?: {
        /**
         * 인포윈도우를 열 때 지도가 자동으로 패닝하지 않을지의 여부 (기본값: false)
         */
        disableAutoPan?: boolean;
        /**
         * 삭제 가능한 인포윈도우
         */
        removable?: boolean;
        /**
         * 인포윈도우 엘리먼트의 z-index 속성 값
         */
        zIndex?: number;
    };
}
/**
 * Map에서 Marker를 생성할 때 사용 합니다.
 * `onCreate` 이벤트를 통해 생성 후 `marker` 객체에 직접 접근하여 초기 설정이 가능합니다.
 */
export declare const RoadviewMarker: React.ForwardRefExoticComponent<RoadviewMarkerProps & {
    children?: React.ReactNode;
} & React.RefAttributes<kakao.maps.Marker>>;