當前位置: 首頁>>編程示例 >>用法及示例精選 >>正文


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。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。