Controls

CameraControlOptions 인터페이스

google.maps.CameraControlOptions 인터페이스

카메라 제어의 표시 옵션입니다.
position optional
유형:  ControlPosition optional
기본값: ControlPosition.INLINE_START_BLOCK_END
위치 ID입니다. 지도에서 컨트롤의 위치를 지정하는 데 사용됩니다.

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를 사용하는 것이 좋습니다.