基本信息
以下是所在類或對象的基本信息。
AMD:
require(["esri/widgets/Directions"], (Directions) => { /* code goes here */ });
ESM:
import Directions from "@arcgis/core/widgets/Directions";
類:
esri/widgets/Directions
繼承: Directions > Widget > Accessor
自從:用於 JavaScript 4.6 的 ArcGIS API
用法說明
路線小部件提供了一種使用 ArcGIS 在線和自定義網絡分析路線服務來構建駕駛和步行路線的方法。與 route 的工作方式類似,該小部件生成一條路線,使用指定網絡在多個點之間查找 least-cost 路徑。搜索地址時,用於導航的點的位置取決於搜索屬性的locationType
。對於任何未定義 locationType
的定位器源,默認值為 "street"
。結果方向顯示有詳細的 turn-by-turn 說明。該小部件直接將預構建的搜索函數封裝在其中,因此您所需要做的就是在應用程序中引用該小部件。
路由服務默認為以下 URL:https://route-api.arcgis.com/arcgis/rest/services/World/Route/NAServer/Route_World
。此路由服務需要身份驗證。您可以使用 Directions.apiKey 或 global apiKey 。或者,您可以在出現提示後登錄,或使用另一個authentication method來訪問路由服務。為了對“方向”小部件 UI 中的位置進行地理編碼,內置“搜索”小部件默認使用此 URL: https://geocode-api.arcgis.com/arcgis/rest/services/World/GeocodeServer
,這也需要身份驗證。最後,您還可以指定自己的ArcGIS服務器路由和地理編碼服務。請參閱用於路由的routeServiceUrl 屬性和用於地理編碼的搜索屬性。
Clear route
按鈕調用 reset() 方法,該方法會清除小部件和Map中的所有輸入停靠點和結果。對小部件底層函數進行的任何類型的自定義都應通過其 viewModel 屬性進行處理。
例子:
const directionsWidget = new Directions({
view: view
});
// Adds the Directions widget below other elements in
// the top right corner of the view
view.ui.add(directionsWidget, {
position: "top-right",
index: 2
});
相關用法
- JavaScript ArcGIS Directions.visible用法及代碼示例
- JavaScript ArcGIS Directions.routeServiceUrl用法及代碼示例
- JavaScript ArcGIS Directions.when用法及代碼示例
- JavaScript ArcGIS Directions.apiKey用法及代碼示例
- JavaScript ArcGIS Directions.container用法及代碼示例
- JavaScript ArcGIS Directions.headingLevel用法及代碼示例
- JavaScript ArcGIS Directions.goToOverride用法及代碼示例
- JavaScript ArcGIS Directions.classes用法及代碼示例
- JavaScript ArcGIS Directions.on用法及代碼示例
- JavaScript ArcGIS DirectionPoint用法及代碼示例
- JavaScript ArcGIS DirectionLine用法及代碼示例
- JavaScript ArcGIS DirectLineMeasurementAnalysisView3D用法及代碼示例
- JavaScript ArcGIS DirectLineMeasurement3D.when用法及代碼示例
- JavaScript ArcGIS DirectLineMeasurement3D.on用法及代碼示例
- JavaScript ArcGIS DirectLineMeasurementAnalysis用法及代碼示例
- JavaScript ArcGIS DirectLineMeasurement3D.classes用法及代碼示例
- JavaScript ArcGIS DirectLineMeasurement3D.analysis用法及代碼示例
- JavaScript ArcGIS DirectLineMeasurement3D.container用法及代碼示例
- JavaScript ArcGIS DirectLineMeasurement3D用法及代碼示例
- JavaScript ArcGIS DistanceMeasurement2D.unitOptions用法及代碼示例
- JavaScript ArcGIS DistanceMeasurement2D.unit用法及代碼示例
- JavaScript ArcGIS DimensionalDefinition用法及代碼示例
- JavaScript ArcGIS DistanceMeasurement2D.view用法及代碼示例
- JavaScript ArcGIS DistanceMeasurement2D用法及代碼示例
- JavaScript ArcGIS DictionaryRenderer.visualVariables用法及代碼示例
注:本文由純淨天空篩選整理自arcgis.com大神的英文原創作品 Directions。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。