JavaScript ArcGIS Directions用法及代码示例

基本信息

以下是所在类或对象的基本信息。

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 属性进行处理。

有关获得对小部件样式的完全控制的信息，请参阅Styling 主题。

例子：

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
});

相关用法

注：本文由纯净天空筛选整理自arcgis.com大神的英文原创作品 Directions。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。