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

用于在地图上呈现 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。