创建 Experience Builder 应用程序

您将使用 ArcGIS Experience Builder 创建 web 体验应用程序。 您将从模板开始,然后添加并配置微件以设置应用程序。

通过模板创建 web 体验

首先,您将创建一个 web 应用程序。您将从模板开始,然后设置该应用程序。

  1. 登录到您的 ArcGIS 组织帐户
    注:

    如果您没有组织帐户,请参阅软件访问权限选项

  2. 单击内容选项卡,然后单击创建应用程序

    “创建应用程序”按钮

    随即显示可创建的应用程序的列表。

  3. 从下拉列表中选择 Experience Builder

    Experience Builder 选项

  4. Experience Builder 主页上,单击新建

    “新建应用程序”按钮

    模板列表随即显示。 您将使用珠宝盒主题模板。 珠宝盒主题将结合地图显示要素列表。

  5. 默认选项卡上找到珠宝盒主题模板,然后单击创建

    Pocket 模板

    随即出现 ArcGIS Experience Builder,在画布中心显示地图。 您将使用更有意义的标题重命名体验。

  6. 在顶部功能区上,单击无标题体验并键入或复制粘贴 Real estate demographics

    重命名的应用程序标题

    接下来,您将确保可以看到整个画布。

  7. 在屏幕的右下角,单击调整宽度适应当前窗口按钮。

    调整宽度适应当前窗口按钮

    现在,您可以看到整个画布,其中包括未使用的空间。 接下来,您将启用对此模板进行编辑。

  8. 在布局顶部,单击锁定布局切换按钮以关闭布局锁定。

    “锁定布局”切换按钮

向应用程序添加微件

珠宝盒主题模板包含一个地图微件和一个列表。 您不会再使用该列表,因此要将其删除,以便为 Business Analyst 微件腾出空间。

  1. 在画布上,单击选中列表微件,然后单击删除按钮。

    删除列表。

  2. 再次单击删除,以确认删除列表。
  3. 在标题下的垂直工具栏上,单击插入按钮。

    “插入微件”按钮

    随即出现插入微件窗格,其中显示了按类型分组的微件库。

    微件库

  4. 在微件库中的以地图为中心下,向下滚动并找到 Business Analyst 微件。

    Business Analyst 微件

  5. Business Analyst 微件拖到画布上原来放置列表的位置。

    “添加微件”放置区

    该微件随即显示在应用程序中。

    微件已添加至应用程序

    此外,Business Analyst 面板随即打开,其中工作流模式默认处于选中状态。

    “工作流”模式

    工作流模式将为最终用户提供分步面板,用于选择位置以及运行信息图表。 工作流模式下的微件用于缓冲要素、搜索和创建信息图表。 接下来,您将展开 Business Analyst 微件,使其充满画布的整个左侧。

  6. 如有必要,单击选中 Business Analyst 微件。 将其底部拖到画布底部。

    已重新调整 Business Analyst 微件的大小

您已经创建了一个应用程序并添加了一个微件。 接下来,您将配置该微件。


配置 Business Analyst 微件并发布应用程序

Business Analyst 微件用于在信息图表中显示人口统计信息,并创建步行和行驶时间缓冲区。 您已向应用程序添加该微件。接下来,您需要对其进行配置以满足业务需求。

提示:

通过单击实时视图,您可以随时预览应用程序并与其进行交互。

配置该微件

您将为您的房地产组织配置 Business Analyst 微件,方法是将其链接到地图,并对其进行自定义以供您的同事使用。 您还需要选择应用程序中显示的信息图表以及缓冲区类型。

  1. 如有必要,单击选中画布上的 Business Analyst 微件并显示 Business Analyst 窗格。
  2. 单击选择一个地图微件下拉菜单并选择地图

    “地图”选项

    Business Analyst 微件将向地图添加其自己的搜索工具。 如果包含此微件,则将自动禁用地图微件的搜索功能。 接下来,您将移除地图的搜索工具。

  3. 选择搜索栏并双击删除将其移除。

    “删除”按钮

  4. 单击画布上的微件以再次将其选中。 在位置设置下,确保选择美国

    “美国”选项

  5. 单击自定义搜索按钮以编辑简介文本。

    “自定义搜索”按钮

    您公司的其他房地产经纪人可能不熟悉当前简介中使用的 GIS 术语,因此您将编辑该文本。

  6. 自定义搜索窗格中,键入(或者复制粘贴)以下文本:Search for an address or location to view demographic information.

    介绍性文本

  7. 关闭自定义搜索窗格。
  8. Business Analyst 窗格中,单击自定义缓冲区

    “自定义缓冲区”按钮

    位置是房地产行业的一个重要因素。 该微件支持行驶时间步行时间缓冲区。 您的商业房地产公司的客户特别有兴趣了解可能开车或步行前往其位置的人员,因此您将关闭环。

  9. 默认设置下,取消选中,保持行驶时间步行时间处于选中状态。

    “自定义缓冲区”窗格

  10. 关闭自定义缓冲区窗格。
  11. Business Analyst 窗格中,单击自定义信息图表

    “自定义信息图表”按钮

  12. 自定义信息图表窗格中,对于选择信息图表,单击 Esri 信息图表下拉菜单。

    Esri 信息图表下拉菜单

    随即显示潜在信息图表的列表。 您可以选择对您的业务最重要的信息图表。 例如,您公司的房地产经纪人经常使用人口统计概况、人口统计汇总和 Esri Tapestry Segmentation 概况,因此您需要包含这些信息图表。

  13. 取消选中 Esri 信息图表旁的框。 选中人口统计概况, 人口统计汇总主要 Tapestry 概况的框。

    选择信息图表参数

    接下来,您将简化信息图表界面以满足房地产经纪人的需求。

  14. 关闭自定义信息图表窗格。
  15. Business Analyst 窗格中,展开信息图表设置

    “信息图表设置”选项

    随即显示信息图表的选项列表。 与您合作的房地产经纪人通常会在其平板电脑上显示诸如图片或 PDF 等可视化内容,因此您可以移除其不需要的额外选项。

  16. 关闭动态 HTML 导出Excel 导出选项。

    “信息图表设置”参数

  17. 折叠信息图表设置选项。

    接下来,您可以更改应用程序的主题,以增强其外观效果。

  18. 在标题下的垂直工具栏上,单击主题按钮。

    “主题”按钮

  19. 单击实践一些主题,查看它们对应用程序的影响。单击几个主题后,选择生动主题。

    “生动”主题

    您已将微件配置为更加特定于房地产行业和个人需要。

在地图微件上启用底图

接下来,您将在地图微件上启用切换底图,以便用户能够选择最适合其需求的底图。 该应用程序将显示组织的默认底图,但添加此功能允许用户在使用该应用程序时更改底图。

  1. 在画布上,单击地图微件将其选中。

    地图窗格随即出现。

  2. 工具下,打开底图

    “底图”选项

    地图微件上,随即出现底图按钮。

    “底图”按钮

    当用户打开应用程序时,将显示默认底图,但用户可以使用此按钮更改底图。

  3. 在功能区上,单击保存按钮。

    “保存”按钮

在实时模式下测试应用程序

接下来,您将在发布之前测试该应用程序。 您将通过单击地图来添加位置。

  1. 在顶部功能区上,单击实时视图

    “实时视图”按钮

    该应用程序将更改为实时视图,并且按钮将更改颜色以指示应用程序处于实时视图中。

    实时视图模式已激活

    实时视图允许您以与应用程序用户相同的方式使用应用程序,并确保在发布和共享之前一切正常。

    出于测试目的,您需要将底图更改为深灰色画布,以便轻松查看缓冲区。

  2. 在地图上的搜索栏旁,单击底图按钮并选择深灰色画布

    “深灰色画布”底图

    地图随即更新为使用深灰色画布底图。

  3. Business Analyst 微件中,在搜索栏上输入 835 s coast highway,然后选择位于加利福尼亚州欧申赛德的位置。

    搜索地址。

    注:

    或者,可以通过向地图添加点来指定位置。

    地图随即缩放至该位置并添加一个点。

    点已添加至地图。

  4. 在微件的底部,单击下一步
  5. 缓冲区步骤中,同时单击步行时间行驶时间以确认每个选项存在 5 分钟、10 分钟和 15 分钟缓冲区。

    “行驶时间”设置

    您只能为行驶时间或步行时间创建缓冲区,因此您必须选择所需选项。

  6. 单击步行时间以将其选中。

    选择“步行时间”。

    注:

    微件一次只能创建一组缓冲区,因此您必须选择行驶时间步行时间

  7. 单击下一步

    地图将在表示步行时间为 5、10 和 15 分钟的位置周围应用缓冲区。

    地图上的缓冲区

  8. 信息图表选项卡上,单击选择信息图表下拉菜单。

    显示 Esri 信息图表。 您可以点击名称旁边的图标,查看信息图表的预览效果。

  9. 有关 Dominant Tapestry Profile 信息图表的信息,请点击预览图标。

    信息图表预览

  10. 预览余下的信息图表以查看预览,然后选择人口概况信息图表。
  11. 信息图表步骤中,展开 Esri 信息图表并选择人口统计概况

    “信息图表”部分

  12. 单击运行信息图表

    信息图表将显示距离该位置 5 分钟步行时间的人口统计变量。

    包含人口统计概况的信息图表

    信息图表将提供有关该位置 5 分钟步行时间内人口的详细人口统计信息。 通过添加微件、对其进行配置以满足您的需求以及添加位置,您可以在几秒钟内找到有关潜在客户的人口统计信息。

  13. 在信息图表窗口中,单击 5 分钟步行旁的下拉箭头并选择 10 分钟步行以探索此缓冲区内的人口统计数据。

    “10 分钟步行”选项

    信息图表中的值随即发生变化,以反映更多的人口。

  14. 保存应用程序。

    测试和保存应用程序后,即可发布该应用程序,以供您的同事在其工作中使用。

发布和共享应用程序

对应用程序进行测试后,最后需要发布并共享该应用程序,以供其他人进行访问。

  1. 在功能区上,单击发布按钮。

    “发布”按钮

    接下来,您将查看已发布的应用程序以了解用户将看到的内容。

  2. 在功能区上,单击更多按钮并选择查看已发布的项目

    “查看已发布的项目”选项

    应用程序将显示在不同的 web 浏览器选项卡中。

  3. 在搜索栏上,单击底图按钮并选择街道(夜间)
  4. 在微件中,搜索选项卡上,单击绘制点工具。

  5. 放大到地图上的一个位置,单击地图添加一个点,然后单击下一步
  6. 缓冲区选项卡上,接受默认的驱动器时间缓冲区,然后单击下一步
  7. 信息图表选项卡上,选择人口统计汇总信息图表,然后单击运行信息图表

    示例信息图表

  8. 返回到您的应用程序处于编辑模式的 web 浏览器选项卡。
  9. 在功能区上,单击更多并选择复制已发布的项目链接

    “复制已发布的项目链接”选项

    您已复制已发布应用程序的链接并可以进行共享。 但是,默认共享设置是针对所有者的,因此在您更改设置之前,其他人都无法访问该应用程序。 您可以从应用程序进入 ArcGIS Online 中应用程序的项目详细信息页面。

  10. 在功能区上,单击更多按钮,然后选择更改共享设置

    更改共享设置

    随即显示应用程序的项目详细信息页面。

  11. 单击共享按钮。

    “共享”按钮

    随即出现共享窗口,其中包含各种共享选项。 目前,仅应用程序的所有者能够访问该应用程序,但是,您可以更改设置,以与您的组织或所有人(公众)进行共享。

  12. 共享窗口中,单击组织,然后单击保存

    与组织共享

    现在已共享该应用程序,以供您组织的其他成员使用。

在本教程中,您创建了一个应用程序,添加了 Business Analyst 微件,对两者进行了配置以满足您的业务需求,测试了该应用程序,然后发布并共享了该应用程序以供其他人使用。 房地产经纪人同行在使用此应用程序时会发现价值,因为所需行驶和步行时间内的人口统计数据易于发现,并且可以帮助其制定数据驱动的决策。