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

地図上にストリートビューのペグマン コントロールをレンダリングする際のオプション。

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
位置 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 の使用を検討してください。