Controls

CameraControlOptions インターフェース

google.maps.CameraControlOptions インターフェース

カメラ コントロールの表示オプション。

position
省略可
タイプ: ControlPosition optional
ポジション ID。地図上のコントロールの位置を指定するために使用されます。

FullscreenControlOptions インターフェース

google.maps.FullscreenControlOptions インターフェース

全画面表示コントロールのレンダリング オプション。

position
省略可
タイプ: ControlPosition optional
ポジション ID。地図上のコントロールの位置を指定するために使用されます。

MapTypeControlOptions インターフェース

google.maps.MapTypeControlOptions インターフェース

マップ タイプ コントロールのレンダリング オプション。

mapTypeIds
省略可
タイプ: Array<MapTypeId|string> optional
コントロールを表示するマップ タイプの ID です。
position
省略可
タイプ: ControlPosition optional
ポジション ID。地図上のコントロールの位置を指定するために使用されます。
style
省略可
タイプ: MapTypeControlStyle optional
スタイル ID。表示する地図タイプ コントロールのスタイルを選択するために使用されます。

MapTypeControlStyle 定数

google.maps.MapTypeControlStyle constants
library "maps"

一般的な MapTypesControls の識別子。

const {MapTypeControlStyle} = await google.maps.importLibrary("maps");
DEFAULT デフォルトの地図タイプ コントロールを使用します。DEFAULT コントロールが表示される場合、ウィンドウ サイズなどの要因によって表示が異なります。DEFAULT コントロールは、API の今後のバージョンで変更される可能性があります。
DROPDOWN_MENU 画面サイズに対応したドロップダウン メニュー。
HORIZONTAL_BAR 標準の水平ラジオ ボタン バー。

MotionTrackingControlOptions インターフェース

google.maps.MotionTrackingControlOptions インターフェース

モーション トラッキング コントロールのレンダリングのオプション。

position
省略可
タイプ: ControlPosition optional
ポジション ID。これは、パノラマ上のこのコントロールの位置を指定するために使用されます。

PanControlOptions インターフェース

google.maps.PanControlOptions インターフェース

移動コントロールのレンダリング オプション。

position
省略可
タイプ: ControlPosition optional
ポジション ID。地図上のコントロールの位置を指定するために使用されます。

RotateControlOptions インターフェース

google.maps.RotateControlOptions インターフェース

回転コントロールのレンダリング オプション。

position
省略可
タイプ: ControlPosition optional
ポジション ID。地図上のコントロールの位置を指定するために使用されます。

ScaleControlOptions インターフェース

google.maps.ScaleControlOptions インターフェース

スケール コントロールのレンダリング オプション。

style
省略可
タイプ: ScaleControlStyle optional
スタイル ID。表示する縮尺コントロールのスタイルを選択するために使用します。

ScaleControlStyle 定数

google.maps.ScaleControlStyle 定数

スケール コントロール ID の識別子。

DEFAULT 標準のスケール コントロール。

StreetViewControlOptions インターフェース

google.maps.StreetViewControlOptions インターフェース

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

position
省略可
タイプ: ControlPosition optional
ポジション ID。地図上のコントロールの位置を指定するために使用します。デフォルトの位置は、ナビゲーション(ズームとパン)コントロール内に埋め込まれています。この位置が空の場合、または zoomControlOptions や panControlOptions で指定された位置と同じ場合、ストリートビュー コントロールはナビゲーション コントロールの一部として表示されます。それ以外の場合は個別に表示されます。
sources
省略可
タイプ: Iterable<StreetViewSource> optional
デフォルト: [StreetViewSource.DEFAULT]
検索するパノラマのソースを指定します。これにより、たとえば Google の公式パノラマのみを検索するように制限できます。複数のソースを設定すると、それらのソースの共通部分として評価されます。注: 現時点では、StreetViewSource.OUTDOOR ソースはサポートされていません。

ZoomControlOptions インターフェース

google.maps.ZoomControlOptions インターフェース

ズーム コントロールのレンダリング オプション。

position
省略可
タイプ: ControlPosition optional
ポジション ID。地図上のコントロールの位置を指定するために使用されます。

ControlPosition 定数

google.maps.ControlPosition constants
library "core"

地図上のコントロールの配置を指定するために使用される識別子。コントロールは、同じレイアウト位置にある他のコントロールを基準に配置されます。最初に追加されたコントロールは、地図の端に近い位置に配置されます。左から右(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");
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 を使用することを検討してください。