Controls

FullscreenControlOptions 接口

google.maps.FullscreenControlOptions接口

用于呈现全屏控件的选项。

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

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。该属性用于指定此控件在全景图片上的位置。默认位置为 RIGHT_BOTTOM

PanControlOptions 接口

google.maps.PanControlOptions接口

用于呈现平移控件的选项。

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

RotationControlOptions 接口

google.maps.RotateControlOptions接口

用于呈现旋转控件的选项。

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

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 中指定的位置相同,街景控件将在导航控件中显示。其他情况下,该控件会单独显示。

ZoomControlOptions 接口

google.maps.ZoomControlOptions接口

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

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

ControlPosition 常量

google.maps.ControlPosition 常量

用于指定控件在地图上的位置的标识符。控件相对于同一布局位置中的其他控件而定位。首先添加的控件将定位在靠近地图边缘的位置。
  +----------------+
  + TL    TC    TR +
  + LT          RT +
  +                +
  + LC          RC +
  +                +
  + LB          RB +
  + BL    BC    BR +
  +----------------+
顶部或底部行中的元素会向行中间移动。左列或右列中的元素会流向列中间。

通过调用 const {ControlPosition} = await google.maps.importLibrary("core") 访问。请参阅 Maps JavaScript API 中的库

BOTTOM_CENTER 元素定位在底部行的中间。
BOTTOM_LEFT 元素定位在左下角并向中间流动。元素定位在 Google 徽标的右侧。
BOTTOM_RIGHT 元素定位在右下角并向中间流动。元素定位在版权的左侧。
LEFT_BOTTOM 元素定位在左侧,位于左下角元素的上方,并向上流动。
LEFT_CENTER 元素定位在左侧的中间。
LEFT_TOP 元素定位在左侧,位于左上角元素的下方,并向下流动。
RIGHT_BOTTOM 元素定位在右侧,位于右下角元素的上方,并向上流动。
RIGHT_CENTER 元素定位在右侧的中间。
RIGHT_TOP 元素定位在右侧,位于右上角的元素下面,并向下流动。
TOP_CENTER 元素定位在顶部行的中间。
TOP_LEFT 元素定位在左上角并向中间流动。
TOP_RIGHT 元素定位在右上角并向中间流动。