操作方法：在 Web AppBuilder for ArcGIS（开发人员版）中更改弹出窗口的大小

摘要

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

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

过程

可通过两种方式自定义 Web 地图中弹出窗口的大小。 请选择以下方法之一，将弹出窗口自定义或设置为固定大小。

将弹出窗口设置为固定大小

编辑用户应用程序文件夹 (install DIR\server\apps\userApp\jimu.js) 中的 MapManager.js 文件，方法是在脚本的 resetInfoWindow: function() 末尾插入以下行：

this.map.infoWindow.resize(360,280);

注： 请刷新该 web 应用程序以保存更改。

下图说明了默认和自定义弹出窗口的不同大小。

默认弹出窗口的图像。

自定义弹出窗口的图像。

设置弹出窗口以自动拟合内容大小

编辑应用程序文件夹（安装路径\server\apps\userApp\jimu.js\css）中的 jimu.css 文件，然后在样式窗格中添加 .esriPopup 函数，如以下代码片段所示。

.esriPopup.light .esriPopupWrapper { position: initial!important; } .esriPopup .sizer { position: initial !important; width: 100% !important; }

下图显示了该代码对弹出窗口大小的效果。