配置 Web 地图并将其用于创建仪表盘

首先,您需要设置 Web 地图以用作仪表盘的基础。 您将从预先存在的 Web 地图开始,该地图已包含电动车充电站的位置。 需要将地图副本保存到 ArcGIS 账户,以对其进行编辑并基于地图创建仪表盘。

配置 Web 地图

首先,您需要在地图中配置弹出窗口,以稍后在仪表盘中重用。

  1. 打开 Electric charging stations in Canada web 地图。
  2. 单击登录,然后使用您的 ArcGIS 组织账户进行登录。
    注:

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

    地图随即出现并显示加拿大全国的电动车充电站。 您需要在继续操作之前保存此地图的副本。

    包含蓝点的地图

  3. 如有必要,在内容(深色)工具栏中,单击位于底部的展开按钮。

    “展开”按钮

  4. 单击保存并打开,然后选择另存为

    “保存并打开”菜单中的“另存为”选项

  5. 保存地图窗口中的标题处,在现存文本后添加您的姓名或首字母缩写。
    注:

    不能在 ArcGIS 组织中创建同名的两个图层。 可通过向图层名称添加您的姓名首字母以确保组织中的其他人也可以完成本教程。 在创建图层后,可以在地图中对其进行重命名以移除您的姓名首字母,这不会影响基础数据图层的名称。

    “保存地图”窗口中的“标题”字段

  6. 单击保存

    现在可随时开始编辑地图。 首先,您需要查看可用图层,以了解构建仪表盘时的可用数据。

  7. 内容工具栏中,单击图层打开图层窗格。

    “图层”窗格

    图层窗格中列出了三个图层。 Electric Charging Stations 为地图中显示的蓝点。 该数据来自加拿大政府,加拿大自然资源部,通过 ArcGIS Living Atlas of the World 提供,其中包含电动车充电站的位置和属性信息。 这是用于创建仪表盘的主要数据。

    OpenStreetMap Amenities for North America 图层在地图中不可见,因为它配置为仅在大比例下显示。 您需要放大才能看见此图层。

  8. 在地图中,进行放大,直到地图中显示更多符号。

    包含便利设施符号的地图

    OpenStreetMap 图层会在用户查找充电站时为其添加上下文。 由于车辆充电需要时间,餐馆、商店或图书馆等邻近便利设施可以使充电站更具吸引力。 便利设施图层仅在用户放大时才会显示,以防地图中的信息过载。

    已关闭第三个图层 Provinces and Territories of Canada。 稍后,您将使用此图层在仪表盘中配置空间操作。 用户无需看见边界,这样图层永不在地图中显示,但是显示图层将允许用户按省过滤充电站。

    接下来,您需要为 Electric Charging Stations 图层配置弹出窗口。

  9. 图层窗格中,单击 Electric Charging Stations 图层将其选中。
  10. 展开设置(浅色)工具栏,然后单击弹出窗口

    弹出窗口

    地图中将显示一个示例弹出窗口。

    示例弹出窗口

    弹出窗口用于汇总地图要素。 默认情况下,它们显示要素的所有字段及其值。 当前弹出窗口列出许多字段,这些字段中许多为空。 此图层的弹出窗口将在您创建的仪表盘上显示,因此,您需要将其配置为仅包含希望查找充电站的用户所需的信息。

  11. 弹出窗口窗格中,单击标题并确认该字段为空。

    “弹出窗口”窗格中的空“标题”字段

    您需要在仪表盘中而不是弹出窗口中配置要素的标题。

  12. 单击字段列表,然后单击选择字段
  13. 选择字段窗口中,单击取消全选清除所有字段。
  14. 单击 Station Name 字段将其选中。

    已在“选择字段”窗口中选择“充电站名称”

    字段旁将显示一个复选标记,示例弹出窗口中随即显示该字段。

    包含一行的弹出窗口预览

  15. 选择字段窗口中,单击搜索字段,然后键入 EV Connectors。 在搜索结果中,单击 EV Connectors 字段将其选中,然后将其添加至弹出窗口。

    已在“选择字段”窗口中选择“电动车连接器”

  16. 搜索并添加以下字段:
    • Street Address
    • Station Phone
    • EV Pricing
    • 访问
    • 访问天数
    • Cards Accepted
    • Date Last Confirmed
  17. 单击完成

    示例弹出窗口包含九个字段。 它们按添加顺序显示。

    包含九行的示例弹出窗口

  18. 关闭弹出窗口窗格。

基于 web 地图创建仪表盘

接下来,您需要保存 Web 地图并基于其创建仪表盘。

  1. 在地图中,单击默认地图视图按钮返回默认地图视图。

    地图中的“主页”按钮

    保存地图时,保存时的当前范围将变为新的默认地图视图。 此默认范围为用户查看仪表盘时最先看见的范围。

  2. 内容工具栏上,单击保存并打开,然后单击保存以保存地图。
  3. 内容工具栏上,单击创建应用程序,然后单击仪表盘

    “创建应用程序”菜单中的仪表盘选项

  4. 新建仪表盘窗口中,键入以下信息:
    • 对于标题,键入 Vehicle charging stations
    • 对于标签,键入 electric vehicles,然后按 Enter 键。
    • 对于摘要,删除现有文本并键入此仪表盘用于查找您附近的电动车充电站
  5. 单击创建仪表盘

    随即显示新仪表盘。 它具有一个元素:您之前配置的 web 地图,它占据整个仪表盘空间。

您之前基于 Web 地图创建仪表盘。 目前,仪表盘看起来与地图相同,但是接下来,您需要添加并配置元素,以提供有关地图中显示的充电站的详细信息。


配置仪表盘信息元素

您将创建仪表盘,以供用户查看加拿大所有充电站的位置。 您将添加具有标题的标头、显示充电站总数的指示器、列出所选区域的充电站的表以及有关选定充电站的详细信息(来自配置的弹出窗口)。

添加页眉

您将添加至仪表盘的第一个元素是标头。 标头相当于仪表盘的标题。 在本教程的稍后部分中,您还将配置标头以包含选择器。

  1. 在仪表盘工具栏的底部,单击展开按钮。
  2. 在工具栏上,单击视图按钮以打开视图窗格。

    布局窗格

    您可以在此窗格中对仪表盘的所有元素进行组织。

  3. 单击标头选项卡,然后单击添加标头

    “标头”选项卡和“添加标头”按钮

    标头配置窗口随即出现并在左侧显示设置、右侧显示预览。

  4. 对于标题,键入 Electric vehicle charging stations

    “标头”配置窗口中的“标题”字段

    标头元素默认包含具有登出选项的菜单。 由于此仪表盘专供公众使用,因此用户无需登录和登出。 您将移除此菜单。

  5. 展开菜单链接部分,然后关闭登出

    已关闭“登出”选项

  6. 单击完成

    标头随即在仪表盘中地图上方显示。

    具有标头的地图

为可操作充电站添加指示器

您将添加的下一个元素是指示器,用于汇总加拿大的可使用充电站数。 在本教程的稍后部分中,您将配置该指示器,以使其显示的数字取决于用户选择的过滤器。

  1. 在工具栏中,单击添加元素

    添加元素

    添加元素按钮变蓝时,地图中的颜色渐变,添加按钮在地图边缘显示。 可以像标头那样,通过布局窗格添加元素,但是添加元素方法允许在添加元素时指定其位置。

  2. 在地图下方,单击添加按钮,然后单击指示器

    “添加元素”菜单中的指示器

    选择图层窗口中,系统会提示您选择将提供指示器数据的地图图层。

  3. 选择图层窗口中,单击 Electric Charging Stations

    “选择图层”窗口中的 Electric Charging Stations

    随即显示指示器预览。

    指示器预览

    默认情况下,指示器的值为数据源中的要素计数。 在此情况下,值为整个加拿大的可使用充电站数。 由于此图层每日都会收到更新,预览可能显示与本教程中的图像不同的数字。

    该指示器没有用于解释数字含义的上下文。 您需要添加标注来解释器含义。

  4. 单击指示器选项卡。 对于底部文本,键入 Operational stations

    “指示器”选项卡和“底部文本”字段

  5. 单击添加图标
  6. 展开其他,然后单击圆形图标中的复选标记。

    “其他”组中的复选标记图标

  7. 单击确定
  8. 指示器选项窗格中,确保位置设置为

    在预览中,图标在数字旁显示。 您需要更改其颜色以与地图符号一致。

  9. 单击填充颜色。 对于十六进制,键入 005ce6,然后按 Enter 键。
  10. 展开值格式化部分,然后关闭单位前缀

    预览现在显示充电站的精确数,而不是舍入数。

    具有复选标记图标的指示器预览

    稍后,您需要将指示器元素连接到仪表盘上的其他元素,以便数字可以根据用户应用的过滤器进行更改。 目前,您需要为指示器元素提供一个有意义的名称,以方便您稍后在配置操作时识别该元素。

  11. 单击常规选项卡。
  12. 对于名称字段,键入 Operational stations indicator
  13. 单击完成

    指示器元素随即在仪表盘中地图下方显示。 该元素过大,但其大小将在您添加更多元素时发生变化。

添加表

表可用于以有组织的方式显示数据中的字段和值。 在交互式仪表盘中,表也可以为操作的源。 例如,在仪表盘中,用户将在表中选择充电站以查看更多详细信息。 您需要将表配置为显示一些关键字段,以使用户快速概览充电站,然后再选择了解详细信息。

  1. 在工具栏中,单击添加元素
  2. 指向指示器元素。

    添加按钮随即在指示器上方显示。

  3. 单击指示器左侧的添加按钮。 单击

    “添加元素”菜单中的表

  4. 选择图层窗口中,单击 Electric Charging Stations

    随即显示配置窗口。

  5. 对于表类型,选择要素
  6. 对于值字段,单击添加字段,然后选择 Station_Name

    “添加字段”菜单中的“充电站名称”

    Station Name 字段随即在值字段列表中显示并作为预览表中的第一列。

    具有一列的表预览

    值字段部分决定了表列数,每行表示一个要素。

  7. 再单击四次添加字段,然后添加以下字段:
    • Street_Address
    • 城市
    • ZIP
    • Facility_Type

    预览表将更新为包含新字段。

  8. 单击选项卡,然后打开行分段

    已打开“行分段”

    预览表中的行现在交替采用白色和浅灰色,以方便阅读表。

    接下来,您需要配置表标头的外观,以使其在仪表盘中更加突出。

  9. 单击标头选项卡。
  10. 标注覆盖部分中,从标注中移除下划线,以将标注变为 Station NameStreet AddressFacility Type
  11. 文本颜色值更改为 #ffffff。 将背景色更改为 #004da8

    表标头将更改为深蓝色,文本为白色。

    具有四列和蓝色标头的表预览

    现已配置表的可视区域。 接下来,您需要对表进行命名,以方便稍后设置操作时识别该表。

  12. 单击常规选项卡。 在名称字段中,键入 Station table

    由于您要将此表配置为仅在查看者选择至少一个位置后显示信息,您还需要将一些文本配置为未在表中进行选择时显示。

  13. 展开无选择部分,然后单击标注旁的编辑
  14. 在文本编辑器中,单击格式按钮,然后选择标题 3

    文本编辑器中“格式”设置为“标题 3”

  15. 在文本编辑器中,键入 Select a province to start viewing stations
  16. 单击完成

    表随即在仪表盘中指示器旁显示。

    具有表的仪表盘

添加详细信息元素

详细信息元素显示有关要素的信息。 您将使用该元素显示之前在 web 地图中配置的充电站弹出窗口信息。

  1. 在工具栏中,单击添加元素
  2. 单击仪表盘左侧的添加按钮,然后单击详细信息

    “添加元素”菜单中的“详细信息”

  3. 选择图层窗口中,选择 Electric Charging Stations

    随即显示详细信息元素的预览。 其中列出之前为弹出窗口配置的相同字段。

  4. 单击常规选项卡。 对于名称,键入 Station details
  5. 对于标题,单击编辑
  6. 单击格式按钮,然后选择标题 2。 键入 Station details

    文本编辑器

    预览中随即显示标题。

    详细信息元素预览

  7. 展开无选择部分。 对于标注,单击编辑
  8. 单击格式按钮,然后选择标题 3。 键入 Select a station to view details

    此消息将在未选择充电站时在详细信息元素中显示。

  9. 单击完成

    详细信息窗格在仪表盘中其他元素的左侧显示。 它占据仪表盘的一半宽度。

  10. 拖动详细信息窗格的右边,直到其占据大约四分之一的仪表盘宽度。

    详细信息元素的边设置为 25.2%

仪表盘现在配置为具有地图、标头、指示器、表和详细信息元素。 接下来,您需要为用户提供在仪表盘上过滤数据的功能。


配置仪表盘选择器

现在,仪表盘显示有关加拿大所有充电站的信息。 但是,大多数用户不需要其他城市或其他省的充电站信息。 他们仅对连接器类型与其汽车匹配的充电站感兴趣。

接下来,您需要添加三个选择器,以便用户可以按省、市和连接器类型缩小其充电站搜索范围。 选择器将过滤仪表盘以仅显示与用户有关的信息。

添加省选择器

您将添加的第一个选择器将允许用户选择省或地区。 该选择器还将充当用户与仪表板的第一次交互。

  1. 如有必要,在工具栏上,单击视图按钮以打开视图窗格。
  2. 视图窗格中,单击标头选项卡。 单击添加选择器,然后单击类别选择器

    “添加选择器”菜单中的类别选择器

    您需要将此选择器配置为加拿大所有省和地区的下拉列表。 地图中有一个图层表示省和地区,因此您需要基于此图层的要素创建选择器的类别。

  3. 对于类别来自,选择要素
  4. 选择图层窗口中,单击 Provinces and Territories of Canada

    “选择图层”窗口中的 Provinces and Territories of Canada

  5. 对于线项目模板,单击添加字段按钮,然后选择 PRENAME

    “线项目模板”菜单中的 PRENAME

    PRENAME 是省英文名称的缩写。 预览将更新为显示省名称。

    选择器预览

  6. 单击选择器选项卡。 对于标注,键入 Select a province

    预览中的文本随即更新。

  7. 单击添加图标
  8. 展开 Hub 部分,然后单击边界图标。

    Hub 组中的边界图标

  9. 单击确定
  10. 打开显示搜索
  11. 单击预览。

    随即显示省列表。 搜索栏位于顶部,允许您使用文本搜索列表。

    具有过滤器的选择器预览

    您需要向此列表添加一个项目,以允许用户不选择任何省或地区。

  12. 打开 None 选项。 对于无标注,键入 No province selected

    已打开 None 选项

    预览即会更新为显示新文本。

  13. 展开常规部分。 对于名称,键入 Province selector
  14. 单击完成

    省选择器随即在地图上方的仪表盘标头中显示。

    具有选择器的仪表盘标头

添加市选择器

您将添加的第二个选择器是市选择器。 此选择器允许用户按特定城市或城镇过滤充电站。

  1. 视图窗格的标头选项卡中,单击添加选择器,然后选择类别选择器

    对于最后一个选择器,您已基于要素创建类别。 这次,没有表示市的任何要素。 但是,可以配置该过滤器以列出 Electric Charging Stations 图层的 City 字段中的所有值。 可以使用已分组值选项实现此目的。

  2. 类别来自部分中,选择已分组值

    已分组值选项

  3. 选择图层窗口中,选择 Electric Charging Stations
  4. 对于类别字段,选择 City

    City 字段还添加至排序依据部分。 这将在选择器中按字母顺序对市进行排序,以方便查找。

    排序依据列表中的 City 字段

    最大类别数设置为 50,这意味着选择器中将仅显示前 50 个市。 大多数省的城镇数均超过 50 个,因此您需要提高此限值。

  5. 对于最大类别数,键入 350
  6. 单击选择器选项卡。 对于标注,键入 Select a city

    预览中随即显示新标注。

    选择器预览

  7. 单击添加图标
  8. 展开 Hub 部分,选择 City 图标,然后单击确定

    Hub 组中的 City 图标

    预览中随即显示该图标。 接下来,您需要确保用户可以同时选择多个市。

  9. 对于选择,选择多个。 对于占位符文本,键入 No city selected

    占位符文本且选择设置为多个

  10. 打开显示搜索显示重置和全选的切换按钮。
  11. 单击预览以展开市列表。

    具有重置和全选按钮的选择器预览

    重置全选按钮在列表下显示。 这些工具可帮助用户与较长列表更轻松地进行交互。

  12. 在窗格底部,展开常规部分。
  13. 对于名称,键入 City selectoro
  14. 单击完成

    仪表盘标头中将显示新选择器。

    具有两个选择器的标头

添加连接器选择器

您将添加的最后一个选择器将允许用户选择与其车辆兼容的选择器类型。 该选择器将用于过滤其他元素,以仅显示具有选定连接器类型的充电站。

  1. 视图窗格的标头选项卡中,单击添加选择器,然后选择类别选择器
  2. 对于类别来自,选择已分组值
  3. 选择图层窗口中,选择 Electric Charging Stations
  4. 对于类别字段,选择 EV_Connector_Types

    类别字段设置为 EV Connector Types

  5. 单击选择器选项卡。
  6. 标注字段中,键入 Select connector type
  7. 单击添加图标
  8. 展开感兴趣点部分,选择加油站图标,然后单击确定

    “感兴趣点”组中的加油站图标

  9. 对于选择,选择多个
  10. 对于占位符文本,键入 No connector selected
  11. 打开显示搜索显示重置和全选

    已打开“显示过滤器”和“显示重置和全选”

  12. 展开常规部分。 对于名称字段,键入 Connector selector
  13. 单击完成

    具有三个选择器的标头

现已配置所有三个选择器。 但是,尚且无法在仪表盘上将其用于过滤数据。 接下来,您需要配置操作以连接所有仪表盘元素,以便用户可以按照需求定制仪表盘。


配置操作

创建交互式仪表盘时,建议先配置所有元素,然后配置用于连接它们的操作并将仪表盘设置为交互式。 建议按此顺序构建仪表盘,因为可用操作取决于每个元素的配置方式。

在设置所有仪表盘元素后,可以使用操作配置仪表盘的交互性。

为省选择器配置操作

首先,您需要为省选择器配置操作。 选择器是用户与仪表盘进行的主要交互。 用户可通过选择器根据其位置和连接器类型定制其看到的充电站。 最高过滤级别将来自省选择器,用于过滤其他选择器和表元素。

  1. 如有必要,在工具栏上,单击视图按钮以打开视图窗格。 单击标头选项卡。
  2. 指向省选择器。 单击点按钮,然后单击配置

    选项菜单中的“配置”

    随即显示类别选择器配置窗口。

  3. 单击操作选项卡。

    可以将过滤器闪烁显示弹出窗口平移缩放操作配置为在选择新省时发生。

    “操作”选项卡

    您将配置的第一个操作是过滤器操作。 当用户在省选择器中选择省时,会将市选择器过滤为仅显示该省内的城市。

  4. 单击过滤器展开此部分。
  5. 打开市选择器

    操作用于连接两个不同元素。 它们在触发操作的元素(在此情况中为省选择器)上进行配置,而不是对操作作出响应的元素(在此情况中为市选择器)。

    由于两个元素具有不同的数据源,因此必须使用匹配字段连接它们。 幸运的是,两个图层均包含省缩写以相同方式格式化的字段。

  6. 对于源字段,选择 Province Postal Abbreviation。 对于目标字段,选择 State

    过滤器参数

    您需要设置更多操作,以在选择省时同时过滤地图、指示器和表。

  7. Electric charging stations in Canada 下,打开电动车充电站的过滤器操作。 将源字段设置为 Electric Charging Stations,并将目标字段设置为 State

    操作参数

  8. 打开 Operational stations indicatorStation table 的过滤器操作。 对于每个元素,将源字段设置为 Province Postal Abbreviation,并将目标字段设置为 State

    如果表显示加拿大的所有充电站,则该表不是非常有用。 您需要对表进行配置,使其仅在选择省时显示信息。

  9. 充电站表部分中,选中仅在过滤时渲染复选框。

    “仅在过滤时渲染”已选中

    您需要再将一个操作添加至省选择器,用于使地图缩放至选定省。

  10. 展开缩放部分,然后打开 Electric charging stations in Canada

    Electric charging stations in Canada 已打开

  11. 单击完成

    仪表盘看起来与之前相同,唯一不同的是表替换为消息。

    包含空表的仪表盘

    您需要测试之前配置的操作按预期运行。

  12. 在标头中,单击选择省,然后选择 Prince Edward Island

    地图将缩放至 Prince Edward Island 。 表中将仅填充该省的充电站。 指示器元素显示的数字比之前小。

  13. 在标头中,单击选择市

    具有市列表的选择器

    将仅列出 Prince Edward Island 省中具有充电站的城镇。

为市和连接器选择器配置操作

接下来,您需要为其他两个选择器配置操作。 市选择器将进一步过滤连接器选择器、地图、指示器和表。 连接器选择器将进一步过滤地图、指示器和表。

  1. 视图窗格中,指向市选择器,单击选项按钮,然后单击配置

    选项菜单中的“配置”

  2. 单击操作选项卡。

    市选择器是使用已分组值(而不是要素)创建的,因此唯一的可用操作类型为过滤器

  3. 展开过滤器部分。
  4. 打开连接器选择器电动车充电站可使用的充电站指示器充电站表

    已打开四个元素

    这次不需要定义匹配字段,因为所有相连的元素均基于同一图层:Electric charging stations in Canada

  5. 单击完成

    最后,您需要配置连接器选择器操作。

  6. 布局窗格中,指向连接器选择器,单击选项按钮,然后单击配置
  7. 单击操作选项卡,然后展开过滤器部分。
  8. 打开电动车充电站可使用的充电站指示器充电站表

    已打开三个元素

  9. 单击完成

    您需要测试这些操作同时按预期运行。

  10. 如有必要,在标头中,单击选择省,然后选择 Prince Edward Island
  11. 单击选择市,然后选择 Charlottetown

    地图、表和指示器全部更新为显示更少的充电站。

    已过滤地图、指示器和表

  12. 在标头中,单击选择连接器类型

    已过滤连接器类型列表

    列表包含的选项比之前少。

  13. 在连接器选择器中,单击 TESLA

    地图、表和指示器全部更新为显示更少的充电站。

配置表操作

您将在表中配置最后一些操作。 仅在标头中选择省后,才会填充表。 同样地,您需要确保仅当在表中选择充电站时,才会填充详细信息元素。 否则,查看者可能会看见与其不相关的充电站详细信息。 如果未在表中进行选择,则将显示之前配置的消息。

  1. 视图窗格中,单击正文选项卡。
  2. 正文选项卡中,指向充电站表,单击选项按钮,然后单击配置

    选项菜单中的“配置”

  3. 配置窗口中,单击操作选项卡,然后展开过滤器部分。
  4. 打开充电站详细信息,然后选中仅在过滤时渲染复选框。

    已打开充电站详细信息

    您还需要配置一个操作,在表中选择要素时使要素在地图中闪烁。

  5. 展开闪烁部分,然后打开 Electric charging stations in Canada

    您需要再添加一个操作,使地图缩放至选定要素。

  6. 展开缩放部分,然后打开 Electric charging stations in Canada
  7. 单击完成
  8. 在仪表盘中,单击表中的任意行。

    表、详细信息元素和地图中的选定要素

    将使用选定要素的弹出窗口信息填充详细信息元素。 地图将缩放至闪烁的选定要素。

共享仪表盘

最后,您需要共享仪表盘以供查看。

  1. 在仪表盘工具栏上,单击保存,然后单击保存

    “保存”按钮

  2. 单击仪表盘标题旁的菜单按钮,然后单击仪表盘项目详细信息

    仪表盘菜单中的仪表盘项目详细信息

    随即显示仪表盘的项目页面。 您需要查看仪表盘并在共享之前对其进行测试。

  3. 单击打开仪表盘

    打开仪表盘按钮

    仪表盘随即在新浏览器选项卡中显示。 表和详细信息元素为空。

  4. 使用仪表盘查找 Thunder Bay, Ontario 的 J1772 充电站。

    已过滤仪表盘选择器

  5. 返回项目页面,然后单击共享
  6. 共享窗口中,选择所有人(公众),然后单击保存

    要在不登录的情况下查看仪表盘,需要与所有人共享仪表盘中使用的 web 地图。

  7. 在功能区中,单击内容
  8. 内容页面的标题下,对于 Electric charging stations in Canada,单击更新共享图标。

    更新共享级别

  9. 共享窗口中,选择所有人(公众),然后单击保存

在本教程中,您构建了交互式仪表盘,以供用户查找加拿大全国的电动车充电站。 您已将仪表盘配置为允许用户根据需求(包括位置和连接器类型)定制其看见的信息。

您可以在教程库中找到更多教程。