3D Maps

Map3DElement クラス

google.maps.maps3d.Map3DElement クラス

Map3DElement は、3D 地図ビューの HTML インターフェースです。

カスタム要素:
<gmp-map-3d center="lat,lng,altitude" default-labels-disabled default-ui-disabled heading="number" max-altitude="number" max-heading="number" max-tilt="number" min-altitude="number" min-heading="number" min-tilt="number" range="number" roll="number" tilt="number"></gmp-map-3d>

このクラスは HTMLElement を拡張します。

このクラスは Map3DElementOptions を実装します。

const {Map3DElement} = await google.maps.importLibrary("maps3d") を呼び出してアクセスします。Maps JavaScript API のライブラリをご覧ください。

メソッド
addEventListener	addEventListener(type, listener[, options]) パラメータ:  type:  string リッスンするイベントタイプを表す文字列（大文字と小文字は区別されます）。 listener:  EventListener|EventListenerObject通知を受け取るオブジェクト。これは、handleEvent メソッドを含む関数またはオブジェクトである必要があります。 options:  boolean|AddEventListenerOptions optional オプションをご覧ください。カスタム イベントは capture と passive のみをサポートします。 戻り値:  void 指定したイベントがターゲットに配信されるたびに呼び出される関数を設定します。addEventListener をご覧ください。
flyCameraAround	flyCameraAround(options) パラメータ:  options:  FlyAroundAnimationOptions 戻り値: なし このメソッドは、指定された場所の周囲を指定された時間だけ回転し、その間に指定された回数だけ回転します。 デフォルトでは、カメラは時計回りに回転します。回転数に負の値を指定すると、カメラは反時計回りに回転します。 アニメーションは、地図が最小量読み込まれた後にのみ開始できるため、このメソッドは非同期です。アニメーションが開始されると、メソッドが返されます。 ラウンド数が 0 の場合、スピンは行われず、アニメーションは開始直後に完了します。
flyCameraTo	flyCameraTo(options) パラメータ:  options:  FlyToAnimationOptions 戻り値: なし このメソッドは、指定した時間内にカメラを現在の位置から指定した最終位置に放物線状に移動させます。 アニメーションは、地図が最小量読み込まれた後にのみ開始できるため、このメソッドは非同期です。アニメーションが開始されると、メソッドが返されます。
removeEventListener	removeEventListener(type, listener[, options]) パラメータ:  type:  string イベント リスナーを削除するイベントのタイプを指定する文字列。 listener:  EventListener|EventListenerObject イベント ターゲットから削除するイベント ハンドラのイベント リスナー。 options:  boolean|EventListenerOptions optional オプションを参照 戻り値:  void 以前に addEventListener で登録されたイベント リスナーをターゲットから削除します。removeEventListener をご覧ください。
stopCameraAnimation	stopCameraAnimation() パラメータ: なし 戻り値: なし このメソッドは、実行中の可能性のあるフライ アニメーションを停止します。カメラはアニメーションの途中の位置に留まり、エンドポイントにテレポートしません。 アニメーションを開始または停止できるのは、地図が最小量読み込まれた後のみであるため、このメソッドは非同期です。アニメーションが停止すると、メソッドが返されます。

Map3DElementOptions インターフェース

google.maps.maps3d.Map3DElementOptions インターフェース

Map3DElement に設定できるプロパティを定義するために使用される Map3DElementOptions オブジェクト。

FlyAroundAnimationOptions インターフェース

google.maps.maps3d.FlyAroundAnimationOptions インターフェース

FlyCameraAround アニメーションのカスタマイズ オプション。

FlyToAnimationOptions インターフェース

google.maps.maps3d.FlyToAnimationOptions インターフェース

FlyCameraTo アニメーションのカスタマイズ オプション。

CameraOptions インターフェース

google.maps.maps3d.CameraOptions インターフェース

CameraOptions オブジェクトは、カメラ オブジェクトに設定できるプロパティを定義するために使用します。カメラ オブジェクトは、カメラの位置を持つものであれば何でもかまいません。たとえば、現在の地図の状態や、今後リクエストされるアニメーションの状態などです。

SteadyChangeEvent クラス

google.maps.maps3d.SteadyChangeEvent クラス

このイベントは、Map3DElement の安定状態のモニタリングから作成されます。このイベントは DOM ツリーを通過します。

このクラスは Event を拡張します。

const {SteadyChangeEvent} = await google.maps.importLibrary("maps3d") を呼び出してアクセスします。Maps JavaScript API のライブラリをご覧ください。

LocationClickEvent クラス

google.maps.maps3d.LocationClickEvent クラス

このイベントは、Map3DElement のクリックによって作成されます。

このクラスは Event を拡張します。

const {LocationClickEvent} = await google.maps.importLibrary("maps3d") を呼び出してアクセスします。Maps JavaScript API のライブラリをご覧ください。

PlaceClickEvent クラス

google.maps.maps3d.PlaceClickEvent クラス

このイベントは、Map3DElement のクリックによって作成されます。

このクラスは LocationClickEvent を拡張します。

const {PlaceClickEvent} = await google.maps.importLibrary("maps3d") を呼び出してアクセスします。Maps JavaScript API のライブラリをご覧ください。

Marker3DElement クラス

google.maps.maps3d.Marker3DElement クラス

3D 地図上に位置を表示します。Marker3DElement を表示するには、position を設定する必要があります。

カスタム要素:
<gmp-marker-3d altitude-mode="absolute" collision-behavior="required" draws-when-occluded extruded label="string" size-preserved z-index="number"></gmp-marker-3d>

このクラスは HTMLElement を拡張します。

このクラスは Marker3DElementOptions を実装します。

const {Marker3DElement} = await google.maps.importLibrary("maps3d") を呼び出してアクセスします。Maps JavaScript API のライブラリをご覧ください。

メソッド
addEventListener	addEventListener(type, listener[, options]) パラメータ:  type:  string リッスンするイベントタイプを表す文字列（大文字と小文字は区別されます）。 listener:  EventListener|EventListenerObject通知を受け取るオブジェクト。これは、handleEvent メソッドを含む関数またはオブジェクトである必要があります。 options:  boolean|AddEventListenerOptions optional オプションをご確認ください。カスタム イベントは capture と passive のみをサポートします。 戻り値:  void 指定されたイベントがターゲットに配信されるたびに呼び出される関数を設定します。addEventListener をご覧ください。
removeEventListener	removeEventListener(type, listener[, options]) パラメータ:  type:  string イベント リスナーを削除するイベントのタイプを指定する文字列。 listener:  EventListener|EventListenerObject イベント ターゲットから削除するイベント ハンドラのイベント リスナー。 options:  boolean|EventListenerOptions optional オプションを参照 戻り値:  void 以前に addEventListener で登録されたイベント リスナーをターゲットから削除します。removeEventListener をご覧ください。

Marker3DElementOptions インターフェース

google.maps.maps3d.Marker3DElementOptions インターフェース

Marker3DElement で設定できるプロパティを定義するために使用される Marker3DElementOptions オブジェクト。

Marker3DInteractiveElement クラス

google.maps.maps3d.Marker3DInteractiveElement クラス

3D 地図上に位置を表示します。Marker3DInteractiveElement を表示するには、position を設定する必要があります。Marker3DElement と異なり、Marker3DInteractiveElement は gmp-click イベントを受け取ります。

カスタム要素:
<gmp-marker-3d-interactive></gmp-marker-3d-interactive>

このクラスは Marker3DElement を拡張します。

このクラスは Marker3DInteractiveElementOptions を実装します。

const {Marker3DInteractiveElement} = await google.maps.importLibrary("maps3d") を呼び出してアクセスします。Maps JavaScript API のライブラリをご覧ください。

Marker3DInteractiveElementOptions インターフェース

google.maps.maps3d.Marker3DInteractiveElementOptions インターフェース

Marker3DInteractiveElement で設定できるプロパティの定義に使用する Marker3DInteractiveElementOptions オブジェクト。

このインターフェースは Marker3DElementOptions を拡張します。

Model3DElement クラス

google.maps.maps3d.Model3DElement クラス

glTF モデルのレンダリングを可能にする 3D モデル。Model3DElement を表示するには、position と src を設定する必要があります。

gLTF PBR のコア プロパティをサポートする必要があります。現在、拡張機能や拡張機能プロパティはサポートされていません。

カスタム要素:
<gmp-model-3d altitude-mode="absolute" src="src"></gmp-model-3d>

このクラスは HTMLElement を拡張します。

このクラスは Model3DElementOptions を実装します。

const {Model3DElement} = await google.maps.importLibrary("maps3d") を呼び出してアクセスします。Maps JavaScript API のライブラリをご覧ください。

メソッド
addEventListener	addEventListener(type, listener[, options]) パラメータ:  type:  string リッスンするイベントタイプを表す大文字と小文字を区別する文字列。 listener:  EventListener|EventListenerObject通知を受け取るオブジェクト。これは、handleEvent メソッドを含む関数またはオブジェクトである必要があります。 options:  boolean|AddEventListenerOptions optional オプションをご覧ください。カスタム イベントは capture と passive のみをサポートします。 戻り値:  void 指定したイベントがターゲットに配信されるたびに呼び出される関数を設定します。addEventListener をご覧ください。
removeEventListener	removeEventListener(type, listener[, options]) パラメータ:  type:  string イベント リスナーを削除するイベントのタイプを指定する文字列。 listener:  EventListener|EventListenerObject イベント ターゲットから削除するイベント ハンドラのイベント リスナー。 options:  boolean|EventListenerOptions optional オプションを参照 戻り値:  void 以前に addEventListener で登録されたイベント リスナーをターゲットから削除します。removeEventListener をご覧ください。

Model3DElementOptions インターフェース

google.maps.maps3d.Model3DElementOptions インターフェース

Model3DElement で設定可能なプロパティを定義するために使用される Model3DElementOptions オブジェクト。

Polyline3DElement クラス

google.maps.maps3d.Polyline3DElement クラス

3D ポリラインは、3D マップに接続された線分からなる線形オーバーレイです。

カスタム要素:
<gmp-polyline-3d altitude-mode="absolute" draws-occluded-segments extruded geodesic outer-color="string" outer-width="number" stroke-color="string" stroke-width="number" z-index="number"></gmp-polyline-3d>

このクラスは HTMLElement を拡張します。

このクラスは Polyline3DElementOptions を実装します。

const {Polyline3DElement} = await google.maps.importLibrary("maps3d") を呼び出してアクセスします。Maps JavaScript API のライブラリをご覧ください。

メソッド
addEventListener	addEventListener(type, listener[, options]) パラメータ:  type:  string リッスンするイベントタイプを表す大文字と小文字を区別する文字列。 listener:  EventListener|EventListenerObject通知を受け取るオブジェクト。これは、handleEvent メソッドを含む関数またはオブジェクトである必要があります。 options:  boolean|AddEventListenerOptions optional オプションをご覧ください。カスタム イベントは capture と passive のみをサポートします。 戻り値:  void 指定されたイベントがターゲットに配信されるたびに呼び出される関数を設定します。addEventListener をご覧ください。
removeEventListener	removeEventListener(type, listener[, options]) パラメータ:  type:  string イベント リスナーを削除するイベントのタイプを指定する文字列。 listener:  EventListener|EventListenerObject イベント ターゲットから削除するイベント ハンドラのイベント リスナー。 options:  boolean|EventListenerOptions optional オプションを参照 戻り値:  void addEventListener で以前に登録されたイベント リスナーをターゲットから削除します。removeEventListener をご覧ください。

Polyline3DElementOptions インターフェース

google.maps.maps3d.Polyline3DElementOptions インターフェース

Polyline3DElement に設定できるプロパティを定義するために使用される Polyline3DElementOptions オブジェクト。

Polygon3DElement クラス

google.maps.maps3d.Polygon3DElement クラス

3D ポリゴン（3D ポリラインなど）は、順番に並んだ一連の連結座標を定義します。また、ポリゴンは閉ループを形成し、塗りつぶされた領域を定義します。

カスタム要素:
<gmp-polygon-3d altitude-mode="absolute" draws-occluded-segments extruded fill-color="string" geodesic stroke-color="string" stroke-width="number" z-index="number"></gmp-polygon-3d>

このクラスは HTMLElement を拡張します。

このクラスは Polygon3DElementOptions を実装します。

const {Polygon3DElement} = await google.maps.importLibrary("maps3d") を呼び出してアクセスします。Maps JavaScript API のライブラリをご覧ください。

メソッド
addEventListener	addEventListener(type, listener[, options]) パラメータ:  type:  string リッスンするイベントタイプを表す大文字と小文字を区別する文字列。 listener:  EventListener|EventListenerObject通知を受け取るオブジェクト。これは、handleEvent メソッドを含む関数またはオブジェクトである必要があります。 options:  boolean|AddEventListenerOptions optional オプションをご覧ください。カスタム イベントは capture と passive のみをサポートします。 戻り値:  void 指定されたイベントがターゲットに配信されるたびに呼び出される関数を設定します。addEventListener をご覧ください。
removeEventListener	removeEventListener(type, listener[, options]) パラメータ:  type:  string イベント リスナーを削除するイベントのタイプを指定する文字列。 listener:  EventListener|EventListenerObject イベント ターゲットから削除するイベント ハンドラのイベント リスナー。 options:  boolean|EventListenerOptions optional オプションを参照 戻り値:  void 以前に addEventListener で登録されたイベント リスナーをターゲットから削除します。removeEventListener をご覧ください。

Polygon3DElementOptions インターフェース

google.maps.maps3d.Polygon3DElementOptions インターフェース

Polygon3DElement に設定できるプロパティを定義するために使用される Polygon3DElementOptions オブジェクト。

AltitudeMode 定数

google.maps.maps3d.AltitudeMode 定数

座標内の高度コンポーネントの解釈方法を指定します。

const {AltitudeMode} = await google.maps.importLibrary("maps3d") を呼び出してアクセスします。Maps JavaScript API のライブラリをご覧ください。