如何在自有网站中嵌入ArcGIS Dashboard，实现用户免退出访问

方法一：使用官方内置嵌入功能（最简单直接） #

• 打开ArcGIS Online/Enterprise中的目标仪表板，点击右上角「分享」按钮
• 确认仪表板的共享权限：设置为「公开」，或对目标用户组/组织内用户可见
• 切换到「嵌入」标签页，复制系统生成的<iframe>代码
• 将代码粘贴到自有网站的对应页面位置，可按需调整尺寸参数，示例：

<iframe src="https://your-arcgis-portal-url/dashboards/xxx" width="100%" height="800px" frameborder="0" allowfullscreen></iframe>

• 跨域注意：如果网站与ArcGIS门户域名不同，需联系门户管理员配置CORS规则，允许你的网站域名访问

方法二：通过ArcGIS API for JavaScript集成（支持自定义交互） #

如果需要和自有网站的其他功能联动，推荐用API嵌入：

• 在网站中引入ArcGIS API for JavaScript库
• 使用Dashboard组件加载目标仪表板，示例代码：

require([
  "esri/widgets/Dashboard",
  "dojo/domReady!"
], function(Dashboard) {
  // 初始化仪表板组件
  const dashboard = new Dashboard({
    container: "dashboard-div", // 网站中用来承载的DOM元素ID
    item: {
      id: "abc123xyz" // 从ArcGIS门户获取的仪表板Item ID
    }
  });
});

• 此方式可实现更深度的页面融合，比如自定义标题栏、和网站菜单联动，但需要确保用户有该仪表板的访问权限

权限控制补充（针对私有仪表板） #

如果仪表板不对外公开，需用户登录访问：

• 在ArcGIS门户的「应用程序」中注册你的自有网站为OAuth2.0应用，获取客户端ID
• 在嵌入时集成OAuth认证流程，让用户通过ArcGIS账号（或组织统一认证）登录后访问，避免重复登录

内容的提问来源于stack exchange，提问作者Ronal conD