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
显示海拔数据的路径。系统会在数组的点之间插入线段;即使只有少量点,也能生成详细的海拔图。
如果只提供一个点,该微件将显示该点的海拔数值。
unitSystem
类型:  UnitSystem optional
确定海拔将以英尺/英里或米/公里显示。如果未定义,该 widget 将默认采用 API 加载器中指定区域的首选单位制。
HTML 属性
  • <gmp-elevation unit-system="imperial"></gmp-elevation>
  • <gmp-elevation unit-system="metric"></gmp-elevation>
BetaaddEventListener
addEventListener(type, listener[, options])
参数: 
  • typestring一个区分大小写的字符串,表示要监听的事件类型。
  • listenerEventListener|EventListenerObject接收通知的对象。此参数必须是具有 handleEvent 方法的函数或对象
  • optionsboolean|AddEventListenerOptions optional请参阅选项。自定义事件仅支持 capturepassive
返回值:  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
unitSystem optional
类型:  UnitSystem optional