Controls

FullscreenControlOptions 인터페이스

google.maps.FullscreenControlOptions 인터페이스

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

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

MapTypeControlOptions 인터페이스

google.maps.MapTypeControlOptions 인터페이스

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

mapTypeIds optional
유형:  Array<MapTypeId|string> optional
컨트롤에 표시될 지도 유형의 ID입니다.
position optional
유형:  ControlPosition optional
위치 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
위치 ID입니다. 파노라마에서 이 컨트롤의 위치를 지정하는 데 사용됩니다.

PanControlOptions 인터페이스

google.maps.PanControlOptions 인터페이스

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

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

RotateControlOptions 인터페이스

google.maps.RotateControlOptions 인터페이스

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

position optional
유형:  ControlPosition optional
위치 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
검색할 파노라마의 출처를 지정합니다. 이렇게 하면 예를 들어 공식 Google 파노라마만 검색할 수 있습니다. 여러 소스를 설정하면 이러한 소스의 교집합으로 평가됩니다. 참고: StreetViewSource.OUTDOOR 소스는 현재 지원되지 않습니다.

ZoomControlOptions 인터페이스

google.maps.ZoomControlOptions 인터페이스

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

position optional
유형:  ControlPosition optional
위치 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을(를) 사용해 보세요.