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 |
유형:
Array<LatLng|LatLngLiteral|LatLngAltitude> optional 고도 데이터를 표시할 경로입니다. 선분은 배열의 포인트 간에 보간됩니다. 소수의 포인트로도 세부적인 고도 그래프를 생성할 수 있습니다. 점이 하나만 제공되면 위젯에 해당 지점의 고도 숫자가 표시됩니다. |
unitSystem |
유형:
UnitSystem optional 고도를 피트/마일 또는 미터/km로 표시할지 결정합니다. 정의되지 않으면 위젯은 API 로더에 지정된 지역의 기본 단위 시스템으로 기본 설정됩니다.
HTML 속성:
|
메서드 | |
---|---|
addEventListener |
addEventListener(type, listener[, options]) 매개변수:
반환 값:
void 지정된 이벤트가 타겟에 전달될 때마다 호출될 함수를 설정합니다. addEventListener를 참고하세요. |
removeEventListener |
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 |