Einbetten einer ArcGIS Online-Webanwendung in eine Website

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.

2. Ö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.
    
3. 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>

4. Kopieren Sie den HTML-Code-Block in die Website-Konfiguration.