Routes Widget

Lớp Route3DElement

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

Một thành phần web để kết xuất tuyến đường 3D. Hiện hỗ trợ các tham số điểm xuất phát và điểm đến để hiển thị một hình nhiều đường trong không gian 3D trên bản đồ 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])
Tham số:
Tạo Route3DElement với các tuỳ chọn được chỉ định.
autofitsCamera
attr: autofits-camera
Loại dữ liệu đầu vào: boolean optional
Loại dữ liệu đầu ra: boolean
Mặc định: false
Nếu được cung cấp, tuyến đường đã chỉ định sẽ xuất hiện trong khung nhìn bản đồ, cùng với mọi phần tử khác đã chọn sử dụng.
Thuộc tính HTML: autofits-camera
departureTime
attr: departure-time
Loại dữ liệu đầu vào: Date optional
Loại dữ liệu đầu ra: Date optional
Nếu được cung cấp, tuyến đường sẽ được tính toán theo thời gian khởi hành đã chỉ định. Khi chỉ định thông qua thuộc tính HTML, hãy sử dụng định dạng ISO 8601 để có kết quả đáng tin cậy trên các trình duyệt. Để biết thông tin về các yêu cầu sử dụng, hãy xem ComputeRoutesRequest.departureTime.
Thuộc tính HTML: departure-time="####-##-##T##:##Z"
destination
attr: destination
Loại dữ liệu đầu vào: string|LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral|Place optional
Loại dữ liệu đầu ra: string|LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral|Place optional
Điểm đến của tuyến đường.
Thuộc tính HTML:
  • destination="lat,lng"
  • destination="places/###"
  • destination="address"
fallbackInfo
readonly
Loại: FallbackInfo optional
Thông tin dự phòng cho các tuyến đường được tính toán.
geocodingResults
readonly
Loại: GeocodingResults optional
Kết quả mã hoá địa lý cho điểm xuất phát và điểm đến.
internalUsageAttributionIds
attr: internal-usage-attribution-ids
Loại dữ liệu đầu vào: Iterable<string> optional
Loại dữ liệu đầu ra: Array<string> optional
Giá trị nhận dạng dùng để phân bổ lệnh gọi cho các gói hoặc thư viện OSS cụ thể.
Thuộc tính HTML: internal-usage-attribution-ids="space separated strings"
origin
attr: origin
Loại dữ liệu đầu vào: string|LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral|Place optional
Loại dữ liệu đầu ra: string|LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral|Place optional
Điểm xuất phát của tuyến đường.
Thuộc tính HTML:
  • origin="lat,lng"
  • origin="places/###"
  • origin="address"
routes
readonly
Loại: Array<Route> optional
Tuyến đường chính cùng với các tuyến đường thay thế không bắt buộc, được tính toán từ Routes API.
routingPreference
attr: routing-preference
Loại dữ liệu đầu vào: RoutingPreference optional
Loại dữ liệu đầu ra: RoutingPreference optional
Nếu được cung cấp, tuyến đường sẽ được tính toán bằng thông tin giao thông dọc theo tuyến đường dựa trên RoutingPreference được chỉ định và sử dụng màu sắc dành riêng cho giao thông.
Thuộc tính HTML: routing-preference="value-name"
trafficPolylinesDisabled
attr: traffic-polylines-disabled
Loại dữ liệu đầu vào: boolean optional
Loại dữ liệu đầu ra: boolean
Mặc định: false
Có tắt hình nhiều đường nhận biết tình hình giao thông hay không. Đường đa tuyến nhận biết lưu lượng truy cập chỉ có sẵn khi routingPreference được đặt thành TRAFFIC_AWARE hoặc TRAFFIC_AWARE_OPTIMAL.
Thuộc tính HTML: traffic-polylines-disabled
travelMode
attr: travel-mode
Loại dữ liệu đầu vào: TravelMode optional
Loại dữ liệu đầu ra: TravelMode optional
Nếu được cung cấp, hình nhiều đường sẽ dựa trên phương thức di chuyển được chỉ định.
Thuộc tính HTML: travel-mode="value-name"
Được kế thừa: addEventListener, removeEventListener
Alphagmp-error
function(routeInitializationErrorEvent)
Đối số:
  • routeInitializationErrorEvent: Event optional
Sự kiện này được kích hoạt khi không tải được tuyến đường.
Alphagmp-load
function(routeInitializationSuccessEvent)
Đối số:
  • routeInitializationSuccessEvent: Event optional
Sự kiện này được kích hoạt khi tuyến đường tải thành công.

Giao diện Route3DElementOptions

giao diện google.maps.routes.Route3DElementOptions
được triển khai bởi Route3DElement

Đối tượng Route3DElementOptions dùng để xác định các thuộc tính có thể đặt trên Route3DElement.

autofitsCamera
không bắt buộc
Loại: boolean optional
Có chọn tự động điều chỉnh camera cho phù hợp với tuyến đường hay không.
departureTime
không bắt buộc
Loại: Date optional
destination
không bắt buộc
internalUsageAttributionIds
không bắt buộc
Loại: Iterable<string> optional
Giá trị nhận dạng dùng để phân bổ lệnh gọi cho các gói hoặc thư viện OSS cụ thể.
origin
không bắt buộc
Vui lòng xem Route3DElement.origin.
routingPreference
không bắt buộc
Loại: RoutingPreference optional
trafficPolylinesDisabled
không bắt buộc
Loại: boolean optional
Có tắt hình nhiều đường nhận biết tình hình giao thông hay không. Đường đa tuyến nhận biết lưu lượng truy cập chỉ có sẵn khi routingPreference được đặt thành TRAFFIC_AWARE hoặc TRAFFIC_AWARE_OPTIMAL.
travelMode
không bắt buộc
Loại: TravelMode optional