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 インターフェース

地図上にストリートビューのペグマン コントロールをレンダリングする際のオプション。
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 の使用を検討してください。