中文

操作方法:更改 Web AppBuilder for ArcGIS 中弹出窗口的大小

摘要

Web 地图中有一个与 infoWindow 类相关联的弹出窗口,通常用于显示所选要素的相关信息。 通常该弹出窗口的大小并不固定,原因是起初脚本中未针对该属性进行编程。 有关弹出窗口的详细信息,请参阅以下 Web 帮助文档:ArcGIS API for JavaScript:类:弹出窗口

提供的说明描述了如何在 ArcGIS API for JavaScript 中更改弹出窗口的大小。

过程

可通过两种方式自定义 Web 地图中弹出窗口的大小。 请按照以下任一步骤自定义和设置弹出窗口的固定大小。

  • 设置弹出窗口的固定大小

编辑用户应用程序文件夹(install DIR\server\apps\userApp\jimu.js)中的 MapManager.js 文件,方法是在 resetInfoWindow: function() 脚本方法末尾插入以下行。
resetInfoWindow: function() { 
...
...
this.map.infoWindow.resize(360,280); 
}
:
刷新 Web 应用程序以启用更改。
以下图像可展示出默认弹出窗口大小与执行代码后的差异。
之前
Picture of default popup window size
之后
Picture of modified popup window size
 
  • 设置弹出窗口大小以自动适应内容

凭借使用以下代码片段的样式窗格中的 .esriPopup 函数,编辑应用程序文件夹 (install DIR\server\apps\userApp\jimu.js\css) 中的 jimu.css 文件。
.esriPopup.light .esriPopupWrapper {

    position: initial!important;
}

 .esriPopup .sizer {
 position: initial !important;
 width: 100% !important;
 }
下图显示了该代码在弹出窗口中的效果。
The picture of modified popup window size in scenario 2

相关信息