自行创建 Hub 模板

借助 OneMap Hub 模板可快速开始操作,它专门用于协助您确定数据的最佳组织方式。 该模板(可在此处查看)为 Hub 设计提供了基准,您可通过添加您自己的样式和影像根据组织要求进行自定义。 您将从 ArcGIS Online 应用程序访问 ArcGIS Hub

注:

在本教程中,OneMap 一词用作社区 GIS 品牌的占位符。 例如 Ireland GeoHive、NC OneMap、IndianaMap、HIFLD Open Data 和 UAE 1Map。

创建 Hub 倡议

首先,您需要基于 OneMap Hub 模板创建 Hub 倡议。

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

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

  2. 在功能区的用户名旁,单击应用程序按钮以展开可供您使用的应用程序列表。
  3. 单击 Hub 按钮。

    应用程序列表中的 Hub 按钮

    随即显示 Hub 概览页面。 可在此查看社区的倡议、内容和成员。 您将创建要自定义的倡议。

  4. 在功能区中,单击新建,然后选择倡议

    “新建倡议”选项

    屏幕上会显示一些选项,可用于为倡议提供名称或浏览模板。 您需要选择要使用的模板。

    注:

    倡议是 ArcGIS Hub Premium 要素。 如果您没有将倡议作为选项,请与管理员一起检查 ArcGIS Hub 的许可级别以及权限。

  5. 单击浏览模板

    “浏览模板”按钮

    您将过滤“搜索可用模板”缩小结果范围。

  6. 发布者下,选中 Esri 框。

    将模板过滤为由 Esri 发布的模板。

  7. 模板下的搜索框中,键入 onemap,然后按 Enter 键。

    随即显示 OneMap 倡议。

    OneMap 倡议

  8. 单击激活模板

    接下来,您必须为倡议提供名称。 需要考虑用户查找此站点的可能方式,然后选择可反映您的组织的名称。

  9. 对于为您的倡议命名,键入所选名称,然后单击完成

    激活倡议大约需要一分钟时间。 在此期间,会使用主页和其他几个页面配置站点,经过调查发现这些页面是世界各地数据共享门户上的最常用页面。

    这些页面如下所示:

    • 主页 - 起主导作用的着陆页面,可帮助访客快速了解您的管辖区域。
    • 关于 - 在此页面中介绍组织的愿景、目标和目的。 您还可以包含一种方式,以供访客使用此页面联系您。
    • 贡献者 - 在此强调为您的站点贡献数据的部门、机构或其他组织。 可以将此页面配置为按贡献者过滤可用数据并链接到其页面。
    • 开放式数据 - 站点访客可以搜索并浏览您在 Hub 中精选的所有数据。
    • 基础数据 - 有助于其他用户了解您的基础数据的价值。 仔细考虑数据在决策过程中的位置,并通过为数据分配主题或分类来给予数据上下文。 有关如何根据全球示例执行此操作的提示,请参见 OneMap 管理员基本指南。 您可能希望复制“基础数据”页面以反映您的组织识别的每个数据主题。
    • 学习 - 教授其他用户如何使用您提供的数据。 是否存在用户须知的具体信息? 还可以在此链接到 GIS 技术指南。
    • 专题 - 在此按主题共享数据。 与您的组织相关的主题可能与基础数据主题不同。 例如,气候变化主题可能包含环境和基础设施相关数据主题。

    在配置 OneMap 站点时,花点时间考虑如何将其变为您自己的站点。 建议首先使用表示您的组织的图像。

查找适用于主页的通栏图像

在创建 Hub 倡议后,您将自定义主页通栏图像,以与您的组织要求以及 Hub 的预期用途相匹配。 您将在偏好的图像网站上搜索以查找可免费下载并用于 Hub 倡议的图像。

  1. 关闭入门窗口。
  2. 打开 web 浏览器选项卡并转至偏好的图像网站,例如 Unsplash
  3. 在搜索框中,输入一个术语,比如映射,然后按 Enter 键。
  4. 选择所需的图像,然后单击进行放大。
  5. 使用站点的选项将图像下载到您计算机上的某个位置。

    注:

    您可以使用从网站上选择的图像或手头上的图像。 无论哪种情况,请务必确认您拥有使用该图像的权限。 教程将使用世界水彩地图。

    本教程中用于 Hub 横幅的图像;你的形象将会不同

  6. 下载完成后,返回到浏览器选项卡中的图像。

    在离开图像之前,您需要使用颜色选取器从图像中抓取一些颜色。 这将有助于您打造站点品牌。 您的组织可能已具有要使用的颜色。 无论您选择哪种颜色,都需要该颜色的十六进制代码或十六进制代码来更新站点。 十六进制代码是识别特定颜色的一种方法。

    在此示例中,使用名为 ColorZilla 的 Chrome 插件从您选择的图像中选择颜色并查找其十六进制代码。

  7. 打开 Google Chrome web 浏览器选项卡,然后搜索 Colorzilla
  8. 单击第一个结果,然后单击 Chrome 和 Firefox 的 ColorZilla。 单击安装 ColorZilla,单击添加至 Chrome,然后单击添加扩展模块
  9. 在地址栏旁,单击扩展模块按钮,然后单击 ColorZilla

    选择 ColorZilla

    现在,您可以从 ColorZilla 菜单中选择一个选项,识别当前 Chrome 页面内容或 Chrome 浏览器外部内容中颜色的十六进制代码。

  10. 选择在浏览器外选择颜色。 指向图像并单击,以查看十六进制代码的显示方式。

    单击已选中图像中的多个区域抓取不同的颜色并记录其十六进制代码。 注意十六进制代码的开头为 # 符号。 本教程将使用三个十六进制代码:#7CA8AF、#014165 和#7A8082。

  11. 返回 Hub 站点。

    站点在启动后,将处于编辑模式。

    处于编辑模式的 Hub 站点

    可通过查看用于自定义 Hub 的菜单选项是否在一侧显示,分辨当前是否处于编辑模式。

    注:

    如果当前不在编辑模式下,单击页面最左侧的编辑按钮开始编辑。

  12. 指向主页顶部的图像显示菜单。 在菜单中,单击编辑按钮编辑图像。

    “编辑图像”按钮

  13. 布局行面板的外观下,对于背景图像,单击上传并选择已经下载的图像。

    上传背景图像

    主页中随即更新图像。

    英雄图像已更新

  14. 指向 Our OneMap 文本,然后单击编辑按钮。

    编辑通栏文本

  15. 更改文本以反映组织的名称,同时还移除通用 OneMap 文本。

    您已更新用户在访问您的站点时看到的第一张图像和文本。

修改 Hub 主题

接下来,您将更新页面的主题。 主题是指整个网站的元素、文本和按钮的颜色。

  1. 在 Hub 站点的头版中,单击侧面板中的后退箭头,直到显示自定义

    自定义面板

  2. 自定义下,单击主题

    主题选项

    要自定义 Hub 的主题,您需要输入之前从主页图像中提取的不同颜色。

  3. 主题面板中,设置所选颜色或使用以下参数:
    • 对于全局导航背景颜色,键入或复制并粘贴 #7ca8af
    • 对于全局导航文本颜色,键入 #7a8082
    • 对于页眉背景颜色,输入 #014165
    • 对于正文链接颜色,输入 #014165

    主题颜色已修改

  4. 在功能区,单击保存

    “保存”按钮

  5. 主题面板中,单击自定义后退箭头。

    自定义后退箭头

  6. 自定义面板中,单击页眉

    “页眉”选项

    页眉将显示在站点的顶部(全球导航栏下方)以及附加到您站点的所有页面和视图上。 该页眉将包含您站点的标题、徽标和菜单链接。

    页眉部分中,您可以更新页面顶部的徽标,方法为复制并粘贴图像 URL 或上传拥有的图像。 上传的图像大小不得超过 3 MB。

  7. 如果您具有可为页眉上传的图像 URL 或文件,请立即添加。

    或者,也可以保留模板中提供的徽标。

    现在,Hub 站点反映了组织的总主题。

您已基于 OneMap 模板创建 Hub 站点,修改了其主题,添加了符合组织样式和品牌要求的主页图像。 接下来,您将向 Hub 页面添加内容。


通过添加内容增强网站

现在,可随时通过添加内容进一步增强您的 Hub 站点。 Hub 是一个协同空间,其内容对于您的合作伙伴和 GIS 社区非常宝贵。

将内容添加至 Hub 部分

接下来,您需要修改 Hub 的产生影响部分。 建议在站点的这一部分中共享成功故事,以展示您的工作成果的价值。 例如,添加诸多卡片以链接到您的和合作伙伴的专题故事、应用程序或参与倡议。

  1. 在站点的首页中,向下滚动以找到产生影响部分。

    “产生影响”部分

  2. 指向存在多个应用程序的区域,然后单击编辑按钮。

    编辑按钮

    随即显示布局库面板。

    在该面板中,可通过两种方式选择要共享的项目:动态(引用组中的内容)或手动。 在任一情况下,显示的内容均来自 ArcGIS Online 组织。 您可以在组织内注册其他人的应用程序或引用您之前创建的应用程序。 确保项目正确共享,以对受众可见。

  3. 单击手动

    OneMap 模板中填充了七个应用程序。 需要再添加几个。

  4. 内容面板中,单击选择内容

    随即显示添加内容窗口。 过滤内容的源位置和类型。

    “添加内容”窗口

    注:

    您的窗口中显示的应用程序可能与图像中的不同。

  5. 添加您的组织中的一些项目。

    这些项目将添加到图库中现有项目的下方。 您可以使用删除内容对内容排序按钮来删除和重新排列图库窗格中的项目。

    产生影响部分中的项目;新项目将添加到最后一个应用程序 Air Quality Aware 下方。

使用自定义组件高亮显示合作伙伴

借助一些简单的前沿开发技能,您可以为 OneMap 站点创建自定义组件。 在首页底部,有一个自定义组件,其中列出了您的合作伙伴。 合作伙伴可能包括数据提供商、数据消费者、资助者和冠军。 推广合作伙伴,既能认可其重要性,也能回报他们参与的好处。

  1. 在 Hub 首页中,滚动到底部并找到我们的合作伙伴部分。

    “我们的合作伙伴”部分

    在 OneMap 模板中,有一些尚未链接到网站的示例合作伙伴徽标。 接下来,您将了解如何更改徽标并设置链接。

  2. 要查看 HTML 代码,单击应用程序所在的行。
  3. 单击 </>以 HTML 格式编辑

    “以 HTML 格式编辑”选项

    随即显示 HTML 窗口。 例如,位于顶部的 HTML 用于确定样式,请注意在 <样式> 标签中已启用滚动。

    样式标签

    在 <div class=”scrollmenu”> 下,您会注意到有一列项目。 这些项目会在我们的合作伙伴库中显示。

    库中的项目

    需要记住 href=”#”img src = 文本。

    在 HTML 中,href 指链接。 您需要将 href 后面的 # 替换为合作伙伴网站链接。

    Img src 指向显示合作伙伴是谁的图像的 URL。 这可能是一张合作伙伴徽标图像或您之前创建的图像。 如果您具有托管图像,可在此进行引用。 如果您没有可用于托管图像的位置,可将其上传到 ArcGIS Online

    注:

    如果没有图像,则可以在 Web 上使用任何您拥有许可的图像。 右键单击图像并选择复制图像地址以捕获图像 URL,或选择将图像另存为...下载图像。

  4. 或者,将一个或多个 # 替换为您自己的合作伙伴链接,并使用合作伙伴的图像或徽标更新 img src。

    本教程将更新第一个提供的图像的链接。

  5. 将第 24 行中的第一个 # 替换为 www.esri.com

    这会将第一个徽标的链接设置为 Esri 主页。

    设置 Esri 网站第一个徽标的链接
  6. 单击应用将您的更改保存到我们的合作伙伴库中。 在功能区,单击保存

您已在 Hub 站点上成功高亮显示一些合作伙伴。

在 Hub 模板中更新页面

在更新首页后,您将管理 OneMap 模板内的其他页面。 此模板具有多个页面,可使用即用的无代码或低代码功能进行自定义。 还可以使用多个页面表示站点的不同主题。 您将创建 OneMap 基础数据页面副本。

  1. 自定义面板中,单击页面数按钮(对于此 Hub,为 6 页)。

    页面数

  2. 单击 OneMap 基础数据页面将其打开。

    OneMap 基础数据页面

    将打开标题为 Transportation Data 的页面。

  3. 在功能区上,单击“选项”按钮,然后选择克隆布局。 如果提示发布站点,请单击发布

    “克隆布局”按钮

    克隆完成后,将复制页面以及当时已应用的所有更改。 将使用 _1(如果复制了多次,则还有后续数字)从上一页复制克隆页面。

  4. 在功能区中,单击页面

    页面选项

    克隆页面将与其他页面一起列出。

    克隆页面

    在克隆 OneMap 基础数据页面后,您将为其提供唯一名称和可查找 URL。

  5. 单击克隆页面将其打开,然后单击页面信息

    “页面信息”选项

  6. 对于页面信息,输入唯一名称。 在此示例中,将使用名称交通数据

    新页面名称

    接下来,您将编辑页面 URL 以与更新后的页面名称相匹配。

  7. 单击编辑 URL 设置,然后输入页面的名称。

    页面 slug 文本

    页面 slug 文本位于页面 URL 的末尾处,因此需要再更改页面名称后更改页面 slug。

  8. 在“编辑页面 URL”窗口中,单击保存。 在功能区上,单击保存保存页面。
    提示:

    单击保存旁边的向下箭头可查看预览或发布网站的选项。

    OneMap 基础数据页面的每个组件,包括标题和 hero image(位于网页顶部的大图像),都可以按照与主页相同的方式进行修改。 在浏览 OneMap 基础数据页面中,请考虑可以修改哪些元素以显示组织和数据主题本身。 例如,您可以选择更新有关页面背后数据的统计数据。 或者,您可以选择使用提供主题上下文的相关应用程序或其他站点更新

您已将 OneMap 模板修改为您自己的模板。 您已更新主页图像,修改了 Hub 主题并克隆了页面。 您可以应用这些技能修改剩余 Hub 页面,以与您的组织和合作伙伴的样式相匹配。