Routes Widget

Route3DElement 클래스

class google.maps.routes.Route3DElement extends HTMLElement implements Route3DElementOptions
library "routes"

3D 경로 렌더링을 위한 웹 구성요소입니다. 현재 3D 지도의 3D 공간에서 다중선을 렌더링하기 위한 출발지 및 목적지 매개변수를 지원합니다.

<gmp-route-3d
  autofits-camera
  departure-time="####-##-##T##:##Z"
  destination="lat,lng"
  internal-usage-attribution-ids="space separated strings"
  origin="lat,lng"
  routing-preference="value-name"
  traffic-polylines-disabled
  travel-mode="value-name">
</gmp-route-3d>
 
const {Route3DElement} = await google.maps.importLibrary("routes");
Route3DElement
Route3DElement([options])
매개변수:
지정된 옵션으로 Route3DElement를 만듭니다.
autofitsCamera
attr: autofits-camera
입력 유형: boolean optional
출력 유형: boolean
기본값: false
제공된 경우 지정된 경로가 선택된 다른 요소와 함께 지도 표시 영역 내에 표시됩니다.
HTML 속성: autofits-camera
departureTime
attr: departure-time
입력 유형: Date optional
출력 유형: Date optional
제공된 경우 지정된 출발 시간으로 경로가 계산됩니다. HTML 속성을 통해 지정할 때는 ISO 8601 형식을 사용하여 브라우저 전반에서 안정적인 결과를 얻으세요. 사용 요구사항에 관한 자세한 내용은 ComputeRoutesRequest.departureTime을 참고하세요.
HTML 속성: departure-time="####-##-##T##:##Z"
destination
attr: destination
경로의 목적지입니다.
HTML 속성:
  • destination="lat,lng"
  • destination="places/###"
  • destination="address"
fallbackInfo
readonly
유형: FallbackInfo optional
계산된 경로의 대체 정보입니다.
geocodingResults
readonly
유형: GeocodingResults optional
출발지와 목적지의 지오코딩 결과입니다.
internalUsageAttributionIds
attr: internal-usage-attribution-ids
입력 유형: Iterable<string> optional
출력 유형: Array<string> optional
특정 패키지 또는 OSS 라이브러리에 대한 호출을 식별하는 데 사용되는 식별자입니다.
HTML 속성: internal-usage-attribution-ids="space separated strings"
origin
attr: origin
경로의 출발지입니다.
HTML 속성:
  • origin="lat,lng"
  • origin="places/###"
  • origin="address"
routes
readonly
유형: Array<Route> optional
Routes API에서 계산된 기본 경로 및 선택적 대체 경로입니다.
routingPreference
attr: routing-preference
입력 유형: RoutingPreference optional
출력 유형: RoutingPreference optional
제공된 경우 경로는 지정된 RoutingPreference를 기반으로 경로를 따라 교통정보를 사용하여 계산되며 교통정보별 색상을 사용합니다.
HTML 속성: routing-preference="value-name"
trafficPolylinesDisabled
attr: traffic-polylines-disabled
입력 유형: boolean optional
출력 유형: boolean
기본값: false
교통정보를 반영하는 다중선을 사용 중지할지 여부입니다. 트래픽 인식 다중선은 routingPreference가 TRAFFIC_AWARE 또는 TRAFFIC_AWARE_OPTIMAL로 설정된 경우에만 사용할 수 있습니다.
HTML 속성: traffic-polylines-disabled
travelMode
attr: travel-mode
입력 유형: TravelMode optional
출력 유형: TravelMode optional
제공된 경우 다중선은 지정된 이동 수단을 기반으로 합니다.
HTML 속성: travel-mode="value-name"
상속됨: addEventListener, removeEventListener
Alphagmp-error
function(routeInitializationErrorEvent)
인수:
  • routeInitializationErrorEvent: Event optional
이 이벤트는 경로를 로드하지 못할 때 실행됩니다.
Alphagmp-load
function(routeInitializationSuccessEvent)
인수:
  • routeInitializationSuccessEvent: Event optional
이 이벤트는 경로가 성공적으로 로드될 때 실행됩니다.

Route3DElementOptions 인터페이스

인터페이스 google.maps.routes.Route3DElementOptions
Route3DElement에서 구현됨

Route3DElement에 설정할 수 있는 속성을 정의하는 데 사용되는 Route3DElementOptions 객체입니다.
autofitsCamera
선택사항
유형: boolean optional
카메라를 경로에 자동으로 맞출지 여부입니다.
departureTime
선택사항
유형: Date optional
Route3DElement.departureTime를 참조하세요.
destination
선택사항
Route3DElement.destination를 참조하세요.
internalUsageAttributionIds
선택사항
유형: Iterable<string> optional
특정 패키지 또는 OSS 라이브러리에 대한 호출을 식별하는 데 사용되는 식별자입니다.
origin
선택사항
Route3DElement.origin를 참조하세요.
routingPreference
선택사항
유형: RoutingPreference optional
Route3DElement.routingPreference를 참조하세요.
trafficPolylinesDisabled
선택사항
유형: boolean optional
교통정보를 반영하는 다중선을 사용 중지할지 여부입니다. 트래픽 인식 다중선은 routingPreference가 TRAFFIC_AWARE 또는 TRAFFIC_AWARE_OPTIMAL로 설정된 경우에만 사용할 수 있습니다.
travelMode
선택사항
유형: TravelMode optional
Route3DElement.travelMode를 참조하세요.