Controls

CameraControlOptions 인터페이스

인터페이스 google.maps.CameraControlOptions

카메라 컨트롤의 표시 옵션입니다.

속성
position 선택사항	유형: ControlPosition optional 기본값: ControlPosition.INLINE_START_BLOCK_END 위치 ID입니다. 지도에서 컨트롤의 위치를 지정하는 데 사용됩니다.

FullscreenControlOptions 인터페이스

인터페이스 google.maps.FullscreenControlOptions

전체 화면 컨트롤의 렌더링 옵션입니다.

속성
position 선택사항	유형: ControlPosition optional 기본값: ControlPosition.INLINE_END_BLOCK_START 위치 ID입니다. 지도에서 컨트롤의 위치를 지정하는 데 사용됩니다.

MapTypeControlOptions 인터페이스

인터페이스 google.maps.MapTypeControlOptions

지도 유형 컨트롤의 렌더링에 대한 옵션입니다.

속성
mapTypeIds 선택사항	유형: Array<MapTypeId|string> optional 컨트롤에 표시될 지도 유형의 ID입니다.
position 선택사항	유형: ControlPosition optional 기본값: ControlPosition.BLOCK_START_INLINE_START 위치 ID입니다. 지도에서 컨트롤의 위치를 지정하는 데 사용됩니다.
style 선택사항	유형: MapTypeControlStyle optional 스타일 ID입니다. 표시할 지도 유형 컨트롤의 스타일을 선택하는 데 사용됩니다.

MapTypeControlStyle 상수

상수 google.maps.MapTypeControlStyle
라이브러리 "maps"

일반적인 MapTypesControls의 식별자입니다.

const {MapTypeControlStyle} = await google.maps.importLibrary("maps");

상수
DEFAULT	기본 지도 유형 컨트롤을 사용합니다. DEFAULT 컨트롤이 표시되면 창 크기 및 기타 요인에 따라 달라집니다. DEFAULT 컨트롤은 향후 API 버전에서 변경될 수 있습니다.
DROPDOWN_MENU	화면 영역을 인식하기 위한 메뉴입니다.
HORIZONTAL_BAR	표준 수평 버튼 메뉴입니다.

MotionTrackingControlOptions 인터페이스

인터페이스 google.maps.MotionTrackingControlOptions

모션 추적 컨트롤의 렌더링 옵션입니다.

속성
position 선택사항	유형: ControlPosition optional 기본값: ControlPosition.INLINE_END_BLOCK_END 위치 ID입니다. 파노라마에서 이 컨트롤의 위치를 지정하는 데 사용됩니다.

PanControlOptions 인터페이스

인터페이스 google.maps.PanControlOptions

화면 이동 컨트롤의 렌더링에 대한 옵션입니다.

속성
position 선택사항	유형: ControlPosition optional 기본값: ControlPosition.INLINE_END_BLOCK_END 위치 ID입니다. 지도에서 컨트롤의 위치를 지정하는 데 사용됩니다.

RotateControlOptions 인터페이스

인터페이스 google.maps.RotateControlOptions

회전 컨트롤의 렌더링에 대한 옵션입니다.

속성
position 선택사항	유형: ControlPosition optional 기본값: ControlPosition.INLINE_END_BLOCK_END 위치 ID입니다. 지도에서 컨트롤의 위치를 지정하는 데 사용됩니다.

ScaleControlOptions 인터페이스

인터페이스 google.maps.ScaleControlOptions

축척 컨트롤의 렌더링에 대한 옵션입니다.

속성
style 선택사항	유형: ScaleControlStyle optional 스타일 ID입니다. 표시할 축척 컨트롤의 스타일을 선택하는 데 사용됩니다.

ScaleControlStyle 상수

상수 google.maps.ScaleControlStyle

확장 제어 ID의 식별자입니다.

상수
DEFAULT	표준 축척 컨트롤입니다.

StreetViewControlOptions 인터페이스

인터페이스 google.maps.StreetViewControlOptions

지도의 스트리트 뷰 pegman 컨트롤의 렌더링에 대한 옵션입니다.

속성
position 선택사항	유형: ControlPosition optional 위치 ID입니다. 지도에서 컨트롤의 위치를 지정하는 데 사용됩니다. 기본 위치는 탐색(확대/축소 및 화면 이동) 컨트롤 내에 삽입됩니다. 이 위치가 비어 있거나 zoomControlOptions 또는 panControlOptions에 지정된 위치와 동일한 경우 스트리트 뷰 컨트롤이 탐색 컨트롤의 일부로 표시됩니다. 그렇지 않으면 별도로 표시됩니다.
sources 선택사항	유형: Iterable<StreetViewSource> optional 기본값: [StreetViewSource.DEFAULT] 검색할 파노라마의 출처를 지정합니다. 이렇게 하면 예를 들어 공식 Google 파노라마만 검색하도록 제한할 수 있습니다. 여러 소스를 설정하면 해당 소스의 교차점으로 평가됩니다. 참고: 현재 StreetViewSource.OUTDOOR 소스는 지원되지 않습니다.

ZoomControlOptions 인터페이스

인터페이스 google.maps.ZoomControlOptions

확대/축소 컨트롤의 렌더링에 대한 옵션입니다.

속성
position 선택사항	유형: ControlPosition optional 기본값: ControlPosition.INLINE_END_BLOCK_END 위치 ID입니다. 지도에서 컨트롤의 위치를 지정하는 데 사용됩니다.

ControlPosition 상수

상수 google.maps.ControlPosition
라이브러리 "core"

지도에서 컨트롤의 게재위치를 지정하는 데 사용되는 식별자입니다. 컨트롤은 같은 레이아웃 위치에 있는 다른 컨트롤을 기준으로 배치됩니다. 먼저 추가된 컨트롤은 지도의 모서리 가까이에 배치됩니다. 왼쪽에서 오른쪽(LTR) 및 오른쪽에서 왼쪽 (RTL) 레이아웃 컨텍스트를 모두 자동으로 지원하려면 '논리적 값'(https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_logical_properties_and_values 참고)을 사용하는 것이 좋습니다.

LTR의 논리 값:

+----------------+ 
| BSIS BSIC BSIE | 
| ISBS      IEBS | 
|                | 
| ISBC      IEBC | 
|                | 
| ISBE      IEBE | 
| BEIS BEIC BEIE | 
+----------------+

RTL의 논리적 값:

+----------------+ 
| BSIE BSIC BSIS | 
| IEBS      ISBS | 
|                | 
| IEBC      ISBC | 
|                | 
| IEBE      ISBE | 
| BEIE BEIC BEIS | 
+----------------+

기존 값:

+----------------+ 
| TL    TC    TR | 
| LT          RT | 
|                | 
| LC          RC | 
|                | 
| LB          RB | 
| BL    BC    BR | 
+----------------+

상단 또는 하단 행의 요소가 행의 중간으로 이동합니다. 왼쪽 또는 오른쪽 열의 요소는 열의 가운데로 이동합니다.

const {ControlPosition} = await google.maps.importLibrary("core");

상수
BLOCK_END_INLINE_CENTER	LTR 및 RTL 모두에서 BOTTOM_CENTER와 동일합니다.
BLOCK_END_INLINE_END	LTR의 BOTTOM_RIGHT 또는 RTL의 BOTTOM_LEFT와 같습니다.
BLOCK_END_INLINE_START	LTR의 BOTTOM_LEFT 또는 RTL의 BOTTOM_RIGHT와 같습니다.
BLOCK_START_INLINE_CENTER	LTR 및 RTL 모두에서 TOP_CENTER와 동일합니다.
BLOCK_START_INLINE_END	LTR의 TOP_RIGHT 또는 RTL의 TOP_LEFT와 동일합니다.
BLOCK_START_INLINE_START	LTR의 TOP_LEFT 또는 RTL의 TOP_RIGHT와 동일합니다.
BOTTOM_CENTER	요소는 맨 아래 행의 중심에 배치됩니다. 대신 BLOCK_END_INLINE_CENTER를 사용하세요.
BOTTOM_LEFT	요소는 왼쪽 하단에 배치되고 중심을 향해 흐릅니다. 요소는 Google 로고의 오른쪽에 배치됩니다. 대신 BLOCK_END_INLINE_START를 사용해 보세요.
BOTTOM_RIGHT	요소는 오른쪽 하단에 배치되고 중심을 향해 흐릅니다. 요소는 저작권 왼쪽에 배치됩니다. 대신 BLOCK_END_INLINE_END를 사용하세요.
INLINE_END_BLOCK_CENTER	LTR의 RIGHT_CENTER 또는 RTL의 LEFT_CENTER와 동일합니다.
INLINE_END_BLOCK_END	LTR의 RIGHT_BOTTOM 또는 RTL의 LEFT_BOTTOM과 동일합니다.
INLINE_END_BLOCK_START	LTR의 RIGHT_TOP 또는 RTL의 LEFT_TOP과 동일합니다.
INLINE_START_BLOCK_CENTER	LTR의 LEFT_CENTER 또는 RTL의 RIGHT_CENTER와 동일합니다.
INLINE_START_BLOCK_END	LTR의 LEFT_BOTTOM 또는 RTL의 RIGHT_BOTTOM과 동일합니다.
INLINE_START_BLOCK_START	LTR의 LEFT_TOP 또는 RTL의 RIGHT_TOP과 동일합니다.
LEFT_BOTTOM	요소는 왼쪽에, 왼쪽 맨 아래 요소 위에 배치되고 위쪽으로 흐릅니다. 대신 INLINE_START_BLOCK_END를 사용하세요.
LEFT_CENTER	요소는 왼쪽의 중심에 배치됩니다. 대신 INLINE_START_BLOCK_CENTER를 사용하세요.
LEFT_TOP	요소는 왼쪽에, 왼쪽 맨 위 요소 아래에 배치되고 아래쪽으로 흐릅니다. 대신 INLINE_START_BLOCK_START를 사용해 보세요.
RIGHT_BOTTOM	요소는 오른쪽에, 오른쪽 맨 아래 요소 위에 배치되고 위쪽으로 흐릅니다. 대신 INLINE_END_BLOCK_END를 사용하세요.
RIGHT_CENTER	요소는 오른쪽의 중심에 배치됩니다. 대신 INLINE_END_BLOCK_CENTER를 사용하세요.
RIGHT_TOP	요소는 오른쪽에, 오른쪽 맨 위 요소 아래에 배치되고 아래쪽으로 흐릅니다. 대신 INLINE_END_BLOCK_START를 사용하세요.
TOP_CENTER	요소는 맨 위 행의 중심에 배치됩니다. 대신 BLOCK_START_INLINE_CENTER를 사용하세요.
TOP_LEFT	요소는 왼쪽 상단에 배치되고 중심을 향해 흐릅니다. 대신 BLOCK_START_INLINE_START를 사용하세요.
TOP_RIGHT	요소는 오른쪽 상단에 배치되고 중심을 향해 흐릅니다. 대신 BLOCK_START_INLINE_END를 사용하세요.