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 を使用することを検討してください。