JavaScript ArcGIS Popup.open用法及代碼示例

基本信息

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

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.open函數(或屬性)的定義如下：

open (options)

在給定位置打開彈出窗口，其中的內容可以使用 content 顯式定義，也可以從輸入要素的 PopupTemplate 驅動。此方法將彈出窗口的可見屬性設置為 true 。用戶也可以通過直接將visible屬性設置為true來打開彈出窗口。僅當滿足dockOptions中視圖的大小限製或位置屬性設置為幾何圖形時，才會顯示彈出窗口。

參數：

規格：

類型說明

options Object

可選的

定義彈出窗口打開時的位置和內容。

規格：

title String	可選的設置彈出窗口的標題。
content String\|HTMLElement\|Widget	可選的設置彈出窗口的內容。
location Geometry	可選的設置彈出窗口的位置，這是用於定位彈出窗口的幾何圖形。
fetchFeatures Boolean	可選的默認值：錯誤的當 `true` 時，表示彈出窗口應獲取此函數的內容並顯示它。如果 PopupTemplate 不存在，且 defaultPopupTemplateEnabled = `true` 則為該圖層創建默認模板。為了使此選項起作用，必須設置有效的 `view` 和 `location`。
features Graphic []	可選的設置彈出窗口的函數，根據每個圖形的 PopupTemplate 填充彈出窗口的標題和內容。
promises Promise []	可選的在彈出窗口上設置待處理的承諾。一旦承諾解決，就會顯示彈出窗口。每個承諾必須解析為 Graphics 數組。
featureMenuOpen Boolean	可選的默認值：錯誤的自從：4.5 此屬性使彈出窗口中的多個函數顯示在列表中，而不是顯示第一個選定的函數。將此設置為`true`允許用戶滾動從查詢返回的函數列表，並選擇他們想要在彈出窗口中顯示的選項。
updateLocationEnabled Boolean	可選的默認值：錯誤的當 `true` 指示彈出窗口應根據所選要素的幾何形狀更新每個分頁要素的位置時。
collapsed Boolean	可選的默認值：錯誤的自從：4.5 什麽時候`true`, 表示隻顯示彈出標題。
shouldFocus Boolean	可選的默認值：錯誤的自從：4.23 什麽時候`true`, 表示焦點應該在彈出窗口打開後。

例子：

view.on("click", function(event){
  view.popup.open({
   location: event.mapPoint,  // location of the click on the view
   title: "You clicked here",  // title displayed in the popup
   content: "This is a point of interest"  // content displayed in the popup
  });
});

view.on("click", function(event){
   view.popup.open({
     location: event.mapPoint,  // location of the click on the view
     fetchFeatures: true // display the content for the selected feature if a popupTemplate is defined.
   });
 });

view.popup.open({
  title: "You clicked here",  // title displayed in the popup
  content: "This is a point of interest",  // content displayed in the popup
  updateLocationEnabled: true  // updates the location of popup based on
  // selected feature's geometry
});

view.popup.open({
  features: graphics,  // array of graphics
  featureMenuOpen: true, // selected features initially display in a list
});

相關用法

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