logo
Tutorials Examples naver map js api v3 네이버 지도 API AroundControl

Class: naver.maps.AroundControl

naver.maps. AroundControl

AroundControl 클래스는 거리뷰/항공뷰 전환 컨트롤을 정의하는 클래스입니다.

이 클래스는 panorama 서브 모듈을 로드해야 합니다.

new naver.maps.AroundControl(AroundControlOptions)

Parameters
Name Type Description
AroundControlOptions AroundControlOptions

UI 컨트롤 옵션

Requires
Example
var pano = new naver.maps.Panorama("pano", {
    position: new naver.maps.LatLng(37.3599605, 127.1058814),
    aroundControl: true,
    aroundControlOptions: {
        position: naver.maps.Position.TOP_RIGHT
    }
});

Extends

Requires

Methods

getElement()

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

Inherited From
Returns
Type
HTMLElement

getMap()

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

Inherited From
Returns
Type Description
naver.maps.Map | null

지도 객체

getOptions(key)

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

Parameters
Name Type Argument Description
key string <optional>

가져올 옵션의 이름

Inherited From
Returns
Type Description
any

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

html(html)

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

Parameters
Name Type Argument Description
html string <optional>

UI 컨트롤 마크업

Inherited From
Returns
Type Description
string | undefined

UI 컨트롤 마크업

setMap(map)

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

Parameters
Name Type Description
map naver.maps.Map | null

지도 객체

Inherited From

setOptions(newOptions)

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

Parameters
Name Type Description
newOptions ControlOptions

UI 컨트롤 옵션

Inherited From

setPosition(position)

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

Parameters
Name Type Description
position naver.maps.Position

컨트롤 위치

Inherited From

Type Definitions


AroundControlOptions

AroundControlOptions 객체는 거리뷰/항공뷰 전환 컨트롤의 위치를 정의하는 옵션을 나타냅니다.

Type:
Properties
Name Type Default Description
position naver.maps.Position TOP_RIGHT

거리뷰/항공뷰 전환 컨트롤을 배치할 위치입니다.

Example
var pano = new naver.maps.Panorama("pano", {
    position: new naver.maps.LatLng(37.3599605, 127.1058814),
    size: new naver.maps.Size(800, 600),
    pov: {
        pan: -135,
        tilt: 29,
        fov: 100
    },
    aroundControl: true,
    aroundControlOptions: {
        position: naver.maps.Position.TOP_RIGHT
    }
});