HowTo:  Embed an ArcGIS Online web application in a website

【解决方案】
Embedding a web application in a website can be useful in various situations.

• To show a map on a web page that includes a legend which is open by default, the Legend web application template can be used with a web map and embedded in the web page.

• To provide a map which includes a premium service with embedded credentials, such as the World Routing Service. For example, routes can be found through the Directions web application template or using the Directions widget in the Web AppBuilder.

• To show a map that includes Related Records functionality, the Map Viewer can be embedded in a website.


Steps for embedding an ArcGIS Online hosted web application, Web AppBuilder application, or the Map Viewer in a web page:

1. Create your web map and web application in ArcGIS Online, and copy the URL of the web application. This can be copied from the Item Details page of the web application, or by copying the URL while the application is opened.
   
   If embedding the Map Viewer, copy the URL of the web map when opened in the Map Viewer.
2. Open the web map used to create the application and go to the Share option. Enable the option to share with Everyone (public), and click 'Embed in Website'. Select the desired size for embedding the map.
3. Remove the portion of the code block in between 'src=' and '></iframe>', and paste the URL from the web application between double quotes.
   
4. Copy and paste the HTML code block to the website configuration.

【其它相关参考】

1. ArcGIS Online Help: Embed maps and groups
2. ArcGIS Online Help: Share Maps
3. Blog: Embedding ArcGIS Online maps in your own website
4. Blog: Embedding Story Maps into websites and blogs
5. ArcGIS Online Help: Configure a Premium Service for anonymous access

【创建及修改时间】
Created: 12/26/2014

Last Modified: 2/20/2015
【原文链接】
http://support.esri.com/en/kno ... 43763