Elevation Widget (alpha)

ElevationElement クラス

google.maps.elevation.ElevationElement クラス

高度データを視覚的に表示する HTML 要素。要素の path プロパティを設定して、パスに沿った高度のグラフを表示します。Elevation 要素を使用するには、Google Cloud コンソールでプロジェクトの Places UI Kit API を有効にします。

カスタム要素:
<gmp-elevation unit-system="imperial"></gmp-elevation>

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

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

const {ElevationElement} = await google.maps.importLibrary("elevation") を呼び出してアクセスします。Maps JavaScript API のライブラリをご覧ください。
ElevationElement
ElevationElement([options])
パラメータ: 
path
タイプ:  Array<LatLng|LatLngLiteral|LatLngAltitude> optional
標高データを表示するパス。配列内のポイント間に線分補間が行われるため、ポイント数が少なくても詳細な標高グラフを作成できます。
指定したポイントが 1 つだけの場合は、そのポイントの標高が表示されます。
unitSystem
タイプ:  UnitSystem optional
高度をフィート/マイルまたはメートル/km のどちらで表示するかを指定します。未定義の場合、ウィジェットは API ローダーで指定された地域の優先単位系をデフォルトで使用します。
HTML 属性:
  • <gmp-elevation unit-system="imperial"></gmp-elevation>
  • <gmp-elevation unit-system="metric"></gmp-elevation>
BetaaddEventListener
addEventListener(type, listener[, options])
パラメータ: 
  • type:  string リッスンするイベントタイプを表す大文字と小文字を区別する文字列。
  • listener:  EventListener|EventListenerObject通知を受け取るオブジェクト。これは、handleEvent メソッドを含む関数またはオブジェクトである必要があります。
  • options:  boolean|AddEventListenerOptions optional オプションをご覧ください。カスタム イベントでは capture と passive のみがサポートされます。
戻り値:  void
指定されたイベントがターゲットに配信されるたびに呼び出される関数を設定します。addEventListener をご覧ください。
BetaremoveEventListener
removeEventListener(type, listener[, options])
パラメータ: 
戻り値:  void
以前に addEventListener で登録されたイベント リスナーをターゲットから削除します。removeEventListener をご覧ください。
gmp-load
function(event)
引数: 
このイベントは、要素がコンテンツを読み込んでレンダリングするときに発生します。このイベントはバブルアップしません。
gmp-requesterror
function(event)
引数: 
このイベントは、バックエンドへのリクエストが拒否されたときに発生します（API キーが正しくないなど）。このイベントはバブルアップしません。

ElevationElementOptions インターフェース

google.maps.elevation.ElevationElementOptions インターフェース

ElevationElement のオプション。
path optional
タイプ:  Array<LatLng|LatLngLiteral> optional
ElevationElement.pathを見る
unitSystem optional
タイプ:  UnitSystem optional
ElevationElement.unitSystemを見る