Controls

CameraControlOptions 接口

google.maps.CameraControlOptions 接口

相机控件的显示选项。

position optional
类型:  ControlPosition optional
位置 ID。用于指定控件在地图上的位置。

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 接口

用于在地图上呈现 Street View 街景小人控件的选项。

position optional
类型:  ControlPosition optional
位置 ID。用于指定控件在地图上的位置。默认位置已嵌入到导航(缩放和平移)控件中。如果此位置为空或与 zoomControlOptionspanControlOptions 中指定的位置相同,则街景控件将作为导航控件的一部分显示。其他情况下,该控件会单独显示。
sources optional
类型:  Iterable<StreetViewSource> optional
指定要搜索的全景图片的来源。这样一来,您便可以设置限制,例如仅搜索 Google 官方全景图片。设置多个来源时,系统会将这些来源视为交集。注意:目前不支持 StreetViewSource.OUTDOOR 来源。

ZoomControlOptions 接口

google.maps.ZoomControlOptions 接口

用于呈现缩放控件的选项。

position optional
类型:  ControlPosition optional
位置 ID。用于指定控件在地图上的位置。

ControlPosition 常量

google.maps.ControlPosition 常量

用于指定控件在地图上的位置的标识符。控件相对于同一布局位置中的其他控件而定位。首先添加的控件将定位在靠近地图边缘的位置。建议使用“逻辑值”(请参阅 https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_logical_properties_and_values),以便能够自动支持从左到右 (LTR) 和从右到左 (RTL) 的布局上下文。

从左到右 (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。