当前位置: 首页>>代码示例 >>用法及示例精选 >>正文


JavaScript ArcGIS Locate用法及代码示例


基本信息

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

AMD: require(["esri/widgets/Locate"], (Locate) => { /* code goes here */ });

ESM: import Locate from "@arcgis/core/widgets/Locate";

类: esri/widgets/Locate

继承: Locate > Widget > Accessor

自从:用于 JavaScript 4.0 的 ArcGIS API

用法说明

提供一个简单的小部件,将View 动画化到用户的当前位置。视图根据被跟踪设备前进的方向旋转。默认情况下,小部件如下所示:

locate-button

不安全的来源不支持定位小部件。要使用它,请将您的应用程序切换到安全源,例如 HTTPS。请注意,localhost 被视为"potentially secure",可用于在支持Window.isSecureContext(当前为 Chrome 和 Firefox)的浏览器中轻松测试。

从 4.2 版开始,定位按钮不再显示在不安全的 Web 应用程序中。在 4.1 版本中,这仅适用于 Google Chrome。

已知限制

Locate 小部件不能与Track 小部件同时工作。一次只能使用其中一个小部件。

如果 View 的空间参考不是 Web Mercator 或 WGS84,则必须重新投影用户的位置以匹配 view's spatial reference 。这是通过 esriConfig 中引用的 geometryService URL 完成的。您可以选择将 esriConfig 中的 geometryServiceUrl 设置为您自己的 geometryService 实例。但是,如果未指定,它将引用托管在默认 portal 实例中的服务。有关示例,请参见esriConfig.geometryServiceUrl

您可以使用视图的DefaultUI 通过视图上的ui 属性将小部件添加到视图的用户接口。下面的代码片段演示了这一点。

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

例子:

let locateWidget = new Locate({
  view: view,   // Attaches the Locate button to the view
  graphic: new Graphic({
    symbol: { type: "simple-marker" }  // overwrites the default symbol used for the
    // graphic placed at the location of the user when found
  })
});

view.ui.add(locateWidget, "top-right");

相关用法


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