Elevation Widget (alpha)

ElevationElement

google.maps.elevation.ElevationElement

直观显示海拔数据的 HTML 元素。将元素 path 属性设置为显示沿路径的海拔高度图。如需使用高程元素,请在 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