Class: naver.maps.ZoomControl

var map = new naver.maps.Map('map', {
    zoomControl: true,
    zoomControlOptions: {
        position: naver.maps.Position.TOP_RIGHT
    }
});

Extends

• naver.maps.CustomControl

Methods

getElement()

UI 컨트롤의 HTML 노드를 반환합니다.

Inherited From

• naver.maps.CustomControl#getElement

Returns

Type
HTMLElement

getMap()

현재 UI 컨트롤이 추가된 지도 객체를 반환합니다.

Inherited From

• naver.maps.CustomControl#getMap

Returns

Type	Description
naver.maps.Map | null	지도 객체

getOptions(key)

UI 컨트롤의 모든 옵션 또는 특정 옵션의 값을 반환합니다.

Parameters

Name	Type	Argument	Description
key	string	<optional>	가져올 옵션의 이름

Inherited From

• naver.maps.CustomControl#getOptions

Returns

Type	Description
any	모든 옵션 또는 특정 key에 해당되는 옵션의 값

html(html)

지정한 HTML 마크업을 컨테이너 <div> 요소 내에 렌더링하거나, UI 컨트롤의 컨테이너 <div> 요소를 반환합니다.

Parameters

Name	Type	Argument	Description
html	string	<optional>	UI 컨트롤 마크업

Inherited From

• naver.maps.CustomControl#html

Returns

Type	Description
string | undefined	UI 컨트롤 마크업

setMap(map)

UI 컨트롤을 지도에 추가합니다. 인수로 null을 전달하면 UI 컨트롤을 지도에서 제거합니다.

Parameters

Name	Type	Description
map	naver.maps.Map | null	지도 객체

Inherited From

• naver.maps.CustomControl#setMap

setOptions(newOptions)

UI 컨트롤의 옵션을 변경하거나 새로 설정합니다.

Parameters

Name	Type	Description
newOptions	ControlOptions	UI 컨트롤 옵션

Inherited From

• naver.maps.CustomControl#setOptions

setPosition(position)

UI 컨트롤의 위치를 설정합니다.

Parameters

Name	Type	Description
position	naver.maps.Position	컨트롤 위치

Inherited From

• naver.maps.CustomControl#setPosition

Type Definitions

---

ZoomControlOptions

ZoomControlOptions 객체는 줌 컨트롤의 위치나 모양을 정의하는 옵션을 나타냅니다.

Type:

• object

Properties

Name	Type	Default	Description
position	naver.maps.Position	TOP_LEFT	줌 컨트롤을 배치할 위치입니다.
style	ZoomControlStyle	LARGE	줌 컨트롤의 스타일입니다.
legendDisabled	boolean	false	줌 컨트롤의 범례 노출 여부입니다.

---

ZoomControlStyle

ZoomControlStyle 객체는 줌 컨트롤의 스타일을 정의합니다.

Type:

• object

Properties

Name	Type	Description
LARGE	number	확대/축소 버튼과 슬라이드 바가 함께 있는 스타일입니다.
SMALL	number	확대/축소 버튼만 있는 스타일입니다.