HOW TO
In einer Web-App ist ein Pop-up mit der infoWindow-Klasse verknüpft und wird häufig zum Anzeigen von Informationen zu einem ausgewählten Feature verwendet. Dieses Pop-up hat oftmals keine bestimmte Größe, da diese Eigenschaft anfänglich nicht im Skript programmiert wird. Weitere Informationen zu Pop-ups finden Sie unter ArcGIS API for JavaScript: Klasse: Pop-up.
In den bereitgestellten Anweisungen wird beschrieben, wie die Größe eines Pop-ups in ArcGIS API for JavaScript geändert wird.
Es gibt zwei Möglichkeiten, die Größe eines Pop-up in einer Web-App anzupassen. Verwenden Sie eine der folgenden Methoden, um eine bestimmte Größe des Pop-up-Fensters festzulegen.
Festlegen des Pop-up-Fensters auf eine bestimmte Größe
Bearbeiten Sie die Datei "MapManager.js" im Benutzerordner der App (install DIR\server\apps\userApp\jimu.js), indem Sie die folgende Zeile am Ende der resetInfoWindow: function() des Skripts einfügen.
this.map.infoWindow.resize(360,280);
Hinweis: Aktualisieren Sie die Web-App, um die Änderungen zu speichern.
Die folgenden Abbildungen zeigen die unterschiedlichen Größen des Standard- und des angepassten Pop-up-Fensters.
Abbildung des Standard-Pop-up-Fensters
Abbildung des angepassten Pop-up-Fensters
Festlegen des Pop-up-Fensters auf automatische Anpassung an die Größe des Inhalts
Bearbeiten Sie die Datei "jimu.css" im App-Ordner (install DIR\server\apps\userApp\jimu.js\css), und fügen Sie die Funktion .esriPopup im Bereich "Styles" wie im folgenden Codeausschnitt hinzu.
.esriPopup.light .esriPopupWrapper { position: initial!important; } .esriPopup .sizer { position: initial !important; width: 100% !important; }
Die folgende Abbildung zeigt die Wirkung des Codes auf die Größe des Pop-up-Fensters.
Hilfe von ArcGIS-Expert*innen erhalten
Die Esri Support-App herunterladen