Controls

CameraControlOptions interface

interface google.maps.CameraControlOptions

The display options for the Camera control.

FullscreenControlOptions interface

interface google.maps.FullscreenControlOptions

Options for the rendering of the fullscreen control.

position
optional
Type: ControlPosition optional
Position id. Used to specify the position of the control on the map.

MapTypeControlOptions interface

interface google.maps.MapTypeControlOptions

Options for the rendering of the map type control.

mapTypeIds
optional
Type: Array<MapTypeId|string> optional
IDs of map types to show in the control.
position
optional
Type: ControlPosition optional
Position id. Used to specify the position of the control on the map.
style
optional
Type: MapTypeControlStyle optional
Style id. Used to select what style of map type control to display.

MapTypeControlStyle constants

constants google.maps.MapTypeControlStyle
library "maps"

Identifiers for common MapTypesControls.

const {MapTypeControlStyle} = await google.maps.importLibrary("maps");
DEFAULT Uses the default map type control. When the DEFAULT control is shown, it will vary according to window size and other factors. The DEFAULT control may change in future versions of the API.
DROPDOWN_MENU A dropdown menu for the screen realestate conscious.
HORIZONTAL_BAR The standard horizontal radio buttons bar.

MotionTrackingControlOptions interface

interface google.maps.MotionTrackingControlOptions

Options for the rendering of the motion tracking control.

position
optional
Type: ControlPosition optional
Position id. This is used to specify the position of this control on the panorama.

PanControlOptions interface

interface google.maps.PanControlOptions

Options for the rendering of the pan control.

position
optional
Type: ControlPosition optional
Position id. Used to specify the position of the control on the map.

RotateControlOptions interface

interface google.maps.RotateControlOptions

Options for the rendering of the rotate control.

position
optional
Type: ControlPosition optional
Position id. Used to specify the position of the control on the map.

ScaleControlOptions interface

interface google.maps.ScaleControlOptions

Options for the rendering of the scale control.

style
optional
Type: ScaleControlStyle optional
Style id. Used to select what style of scale control to display.

ScaleControlStyle constants

constants google.maps.ScaleControlStyle

Identifiers for scale control ids.

DEFAULT The standard scale control.

StreetViewControlOptions interface

interface google.maps.StreetViewControlOptions

Options for the rendering of the Street View pegman control on the map.

position
optional
Type: ControlPosition optional
Position id. Used to specify the position of the control on the map. The default position is embedded within the navigation (zoom and pan) controls. If this position is empty or the same as that specified in the zoomControlOptions or panControlOptions, the Street View control will be displayed as part of the navigation controls. Otherwise, it will be displayed separately.
sources
optional
Type: Iterable<StreetViewSource> optional
Specifies the sources of panoramas to search. This allows a restriction to search for just official Google panoramas for example. Setting multiple sources will be evaluated as the intersection of those sources. Note: the StreetViewSource.OUTDOOR source is not supported at this time.

ZoomControlOptions interface

interface google.maps.ZoomControlOptions

Options for the rendering of the zoom control.

position
optional
Type: ControlPosition optional
Position id. Used to specify the position of the control on the map.

ControlPosition constants

constants google.maps.ControlPosition
library "core"

Identifiers used to specify the placement of controls on the map. Controls are positioned relative to other controls in the same layout position. Controls that are added first are positioned closer to the edge of the map. Usage of "logical values" (see https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_logical_properties_and_values) is recommended in order to be able to automatically support both left-to-right (LTR) and right-to-left (RTL) layout contexts.

Logical values in LTR:

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

Logical values in RTL:
+----------------+ 
| BSIE BSIC BSIS |
| IEBS ISBS |
| |
| IEBC ISBC |
| |
| IEBE ISBE |
| BEIE BEIC BEIS |
+----------------+

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

Elements in the top or bottom row flow towards the middle of the row. Elements in the left or right column flow towards the middle of the column.
const {ControlPosition} = await google.maps.importLibrary("core");