JavaScript ArcGIS Popup trigger-action事件用法及代碼示例

基本信息

以下是所在類或對象的基本信息。

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

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

類： esri/widgets/Popup

繼承: Popup > Widget > Accessor

自從：用於 JavaScript 4.0 的 ArcGIS API

用法說明

Popup trigger-action事件的定義如下：

trigger-action

在用戶單擊彈出窗口內的 action 或 action toggle 後觸發。此事件可用於定義單擊特定操作時要執行的自定義函數。有關其工作原理的詳細信息，請參見下麵的示例。

屬性：

類型	說明
action ActionButton\|ActionToggle	用戶點擊的操作。有關此對象的說明及其屬性的規範，請參閱此類的 actions 屬性。

例子：

// Defines an action to zoom out from the selected feature
let zoomOutAction = {
 // This text is displayed as a tooltip
 title: "Zoom out",
 // The ID used to reference this action in the event handler
 id: "zoom-out",
 // Sets the icon font used to style the action button
 className: "esri-icon-zoom-out-magnifying-glass"
};
// Adds the custom action to the popup
view.popup.actions.push(zoomOutAction);

// Fires each time an action is clicked
view.popup.on("trigger-action", function(event){
  // If the zoom-out action is clicked, than execute the following code
  if(event.action.id === "zoom-out"){
    // Zoom out two levels (LODs)
    view.goTo({
      center: view.center,
      zoom: view.zoom - 2
    });
  }
});

相關用法

注：本文由純淨天空篩選整理自arcgis.com大神的英文原創作品 Popup trigger-action event。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。