Controls

FullscreenControlOptions 인터페이스

google.maps.FullscreenControlOptions 인터페이스

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

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

MapTypeControlOptions 인터페이스

google.maps.MapTypeControlOptions 인터페이스

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

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

MapTypeControlStyle 상수

google.maps.MapTypeControlStyle 상수

공통 MapTypesControls에 대한 식별자입니다.

const {MapTypeControlStyle} = await google.maps.importLibrary("maps")를 호출하여 액세스합니다. Maps JavaScript API의 라이브러리를 참고하세요.

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

MotionTrackingControlOptions 인터페이스

google.maps.MotionTrackingControlOptions 인터페이스

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

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

PanControlOptions 인터페이스

google.maps.PanControlOptions 인터페이스

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

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

RotateControlOptions 인터페이스

google.maps.RotateControlOptions 인터페이스

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

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

ScaleControlOptions 인터페이스

google.maps.ScaleControlOptions 인터페이스

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

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

ScaleControlStyle 상수

google.maps.ScaleControlStyle 상수

축척 컨트롤 ID의 식별자입니다.

상수
DEFAULT	표준 축척 컨트롤.

StreetViewControlOptions 인터페이스

google.maps.StreetViewControlOptions 인터페이스

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

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

ZoomControlOptions 인터페이스

google.maps.ZoomControlOptions 인터페이스

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

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

ControlPosition 상수

google.maps.ControlPosition 상수

지도에서 컨트롤의 게재위치를 지정하는 데 사용되는 식별자입니다. 컨트롤은 같은 레이아웃 위치에 있는 다른 컨트롤을 기준으로 배치됩니다. 먼저 추가된 컨트롤은 지도의 모서리 가까이에 배치됩니다. 왼쪽에서 오른쪽(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")를 호출하여 액세스합니다. Maps JavaScript API의 라이브러리를 참고하세요.

상수
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을(를) 사용해 보세요.