HOW TO

Einbetten einer ArcGIS Online-Webanwendung in eine Website

Last Published: May 6, 2021

Zusammenfassung

Beim öffentlichen Freigeben einer Webkarte in ArcGIS Online wird eine Option zum Einbetten in einer Website verfügbar. Mit dieser Option wird automatisch ein HTML-Code-Block erstellt, der kopiert und in eine Website eingefügt werden kann, sodass die Karte direkt auf der Webseite angezeigt werden kann. Dieser Code-Block kann so geändert werden, dass eine Webanwendung (anstelle einer Webkarte) eingebettet werden kann. Diese Option kann zum Einbetten von in ArcGIS Online gehosteten Webanwendungen, von Web AppBuilder-Anwendungen und von Map Viewer nützlich sein.

Vorgehensweise

Das Einbetten einer Webanwendung in einer Website kann in verschiedenen Situationen nützlich sein.

  • Um eine Karte auf einer Webseite anzuzeigen, die eine Legende enthält, die standardmäßig geöffnet ist, kann die Webanwendungsvorlage Map Tools mit einer Webkarte und in die Webseite eingebettet verwendet werden.
  • Zum Bereitstellen einer Karte, die einen Premium-Service mit eingebetteten Anmeldeinformationen enthält, z. B. den World Routing Service. Routen können beispielsweise über die Webanwendungsvorlage "Wegbeschreibung" oder mithilfe des Widgets "Wegbeschreibung" in Web AppBuilder gesucht werden.
  • Zum Anzeigen einer Karte, die "Zugehörige Datensätze"-Funktionen enthält, kann Map Viewer in einer Website eingebettet werden.

Anleitung zum Einbetten einer in ArcGIS Online gehosteten Webanwendung, einer Web AppBuilder-Anwendung oder von Map Viewer in eine Webseite

  1. Erstellen Sie Ihre Webkarte und Webanwendung in ArcGIS Online, und kopieren Sie die URL der Webanwendung. Diese können Sie auf der Seite Elementdetails der Webanwendung unter dem Abschnitt "URL" kopieren. Oder kopieren Sie die URL, solange die Anwendung geöffnet ist.
Hinweis: Wenn Sie Map Viewer einbetten, kopieren Sie die URL der Webkarte, wenn sie in Map Viewer geöffnet ist.
  1. Öffnen Sie die Webkarte, die zum Erstellen der Anwendung verwendet wurde, und wechseln Sie zur Option Freigeben. Aktivieren Sie die Option Für alle freigeben (öffentlich), und klicken Sie auf In Website einbetten. Wählen Sie die gewünschte Größe zum Einbetten in die Karte aus.
     
  2. Entfernen Sie in dem durch die Option In Website einbetten erstellten Code-Block den URL-Teil des Code-Blocks im src-Attribut des <iframe>-Tags (zwischen src= und ></iframe>), und fügen Sie die URL aus der Webanwendung in doppelten Anführungszeichen ein, wie unten dargestellt.
<iframe width="500" height="400" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://arcgis.com/apps/Viewer/index.html?appid=1fa6b89a300c4e9ebf84613dd5c44b9f"></iframe>
Damit wird der Code bereitgestellt, der in der Webseite verwendet werden soll, sodass die in ArcGIS Online gehostete Webanwendung, die Web AppBuilder-Anwendung oder Map Viewer darin eingebettet werden kann.
  1. Kopieren Sie den HTML-Code-Block in die Website-Konfiguration.

Artikel-ID: 000012322

Benachrichtigungen erhalten und Lösungen für neue oder häufige Probleme finden

Unser neuer KI-Chatbot stellt zusammengefasste Antworten und Videolösungen für Sie bereit.

Esri Support App herunterladen

Zugehörige Informationen

Weitere Informationen zu diesem Thema erkunden

Unterstützung durch ArcGIS-Experten anfordern

An den technischen Support wenden

Esri Support App herunterladen

Zu Download-Optionen wechseln