配置 Map Tour 模板

加利福尼亚州棕榈泉市要求您创建一款移动应用程序,为游客提供向导式浏览。该应用程序将在地图上显示热门位置,并根据这些热门位置与用户的距离对其进行排序。它必须运行在 iOS 和 Android 设备上,有无网络连接均可。

该市提供了棕榈泉故事地图游览,其中包含有关热门位置的信息,以及包含您需要的所有数据的移动地图包。您将使用 AppStudio for ArcGIS Map Tour 模板将该游览转换为跨平台移动应用程序。

想要显示具有线性、基于位置叙述等特性的图像、音频或视频时,Map Tour 模板是理想之选。叙述中的每个故事点都是通过地理定位的。用户可以按顺序单击每个叙述,通过与地图进行交互或使用可选缩略图转盘进行浏览。

注:

Map Tour 模板基于 Story Map Tour 应用程序模板。建议您在创建移动应用程序之前已创建故事地图。要了解如何创建 Story Map Tour,请尝试 Learn ArcGIS 课程 Story Maps 入门

创建应用程序

首先,您需要下载并安装 AppStudio for ArcGIS。然后,您将使用 Map Tour 模板创建应用程序。

  1. 打开 AppStudio for ArcGIS Desktop Edition
    注:

    如果您没有 AppStudio for ArcGIS Desktop Edition,则可以从 AppStudio for ArcGIS 文档页面免费进行下载。运行下载的文件以打开安装向导。按照向导的说明安装程序。

  2. 单击登录,然后选择登录

    “登录”选项

  3. 使用您获得许可的 ArcGIS 帐户登录。
    注:

    如果您没有 ArcGIS 组织帐户,则可以注册 ArcGIS 免费试用版。如果您的 ArcGIS 帐户未获得 AppStudio for ArcGIS 许可,请联系您的组织管理员以了解有关帐户许可的信息。

  4. 单击新建应用程序

    随即显示新建应用程序窗口。其中会列出多个应用程序模板和样式。

  5. 单击模板选项卡,然后选择 Map Tour 模板。

    Map Tour 模板

    随即显示所选模板的摘要和描述。

  6. 单击创建

    将使用 Map Tour 模板创建一个新的应用程序,并与其他应用程序一同列出。如果这是您首次使用 AppStudio for ArcGIS,则其将为唯一的应用程序。侧窗格将提供有关应用程序的详细信息,其中包括其名称。

  7. 在应用程序列表中,确认已选择您的新应用程序。在侧窗格中,单击编辑标题按钮。

    编辑标题按钮

  8. 将标题更改为 Palm Springs Map Tour,然后单击保存更改按钮。

自定义应用程序

应用程序的设计应代表您的组织或应用程序的功能。要增加应用程序的视觉感染力和信息价值,您需要添加图像、说明、图标和字体。

  1. 在应用程序列表中,确认已选择您的应用程序。在侧窗格中,单击设置按钮。

    “设置”按钮

    随即显示 AppStudio 设置窗口。首先,您将更新缩略图。

  2. 示例缩略图图像保存到您的计算机上。
  3. AppStudio 设置窗口的详细信息选项卡中,单击默认缩略图。

    默认缩略图

    随即显示打开窗口。

  4. 浏览至并双击 thumbnail-palm 图像。

    随即将显示一条消息,说明此图像的副本将替换您的当前缩略图。

  5. 单击

    缩略图随即更新。

  6. 对于摘要,请将默认摘要替换为此沙漠度假小镇的二十一个必打卡景点
  7. 对于描述,请将默认描述替换为加利福尼亚州棕榈泉是一个美国香格里拉大酒店,拥有独特的沙漠环境以及无尽的阳光,复原了中世纪建筑艺术,营造出欢乐轻松的氛围

    接下来,您将添加一个图标以在智能手机和其他设备上表示该应用程序。

  8. 示例图标保存到您的计算机上。
  9. AppStudio 设置窗口中,单击资源选项卡。对于应用程序图标,单击默认图标。

    默认应用程序图标

  10. 选择图像窗口中,浏览至并双击 icon-palm 图像。

    随即添加新图标。您还需要添加背景图像和自定义文本字体文件。

  11. 示例背景图像示例文本字体文件保存到您的计算机上。
  12. AppStudio 设置窗口中,单击属性选项卡。在启动屏幕选项卡上,对于背景图像,单击浏览按钮。

    “背景图像”参数的“浏览”按钮

  13. 打开窗口中,浏览至并双击 background-palm 图像。
  14. 如果您收到一条消息,询问您是否要将图像复制到应用程序的文件夹,请单击

    随即添加背景图像。

  15. 对于标题字体文件,请单击浏览按钮。浏览至并双击 CaviarDreams 文本文件。如果您收到一条消息,询问您是否要复制图像,请单击
  16. 对于文本字体文件,请浏览至并双击已复制到您的 assets 文件夹的 CaviarDreams 文本文件。
    注:

    如果您选择已下载的原始文本文件,则无法继续,因为无法将同一文件复制到同一文件夹两次。

添加位置数据

接下来,您将使用 Palm Springs 故事地图和棕榈泉市提供的移动地图包向应用程序添加有关热门位置的数据。可以通过提供其各自的 ArcGIS Online ID 来添加故事地图和移动地图包。任何 ArcGIS Online 项目的 ID 均包含一串数字和字母,可在其详细信息页面 URL 的末尾找到这串数字和字母,如下图所示:

棕榈泉移动地图包项目的 ID

  1. AppStudio 设置窗口的属性选项卡上,单击图库选项卡。
  2. 对于选择现有地图游览样式故事地图 web 应用程序,请复制并粘贴 Palm Springs 故事地图的 ID (b34ffabf64b04ce480fb453d25be5b4c)。

    故事地图 ID

    棕榈泉市希望这款移动应用程序能够提供在线和离线支持。故事地图采用在线托管方式,因此,要使移动应用程序离线工作,还必须将其连接到相应移动地图包,该移动地图包将包含与故事地图相同的位置数据。棕榈泉市还为此提供了移动地图包。

  3. 对于离线地图的移动地图包 (mmpk) 项目 ID,请复制并粘贴 Palm Springs 移动地图包的 ID (5fe4934158104de3802965d5dddff4a3)。

    该应用程序的另一个规范是应根据位置与用户的距离对其进行排序。

  4. 向下滚动至排序类型参数。将默认文本替换为 distance

    “排序类型”参数

    您将通过更改文本背景颜色来对应用程序的自定义进行最终调整。您将选择与应用程序缩略图和图标的绿色相匹配的背景颜色。

  5. 属性选项卡中,单击游览选项卡。对于文本背景颜色,请将默认颜色替换为 #7C9B3E 并按 Enter 键。

    “文本背景颜色”选项

  6. 单击应用

    随即应用该设置。

    您还需要为 ArcGIS Runtime 设置许可。除非应用程序已获得许可,否则地图上将显示水印。您将设置 Lite 许可,该许可可免费获得。

  7. 单击许可选项卡。对于 ArcGIS Runtime 许可,单击设置 Lite 许可

    设置 Lite 许可按钮

    许可密钥框将使用 Lite 许可密钥进行填充。

  8. 单击应用。关闭 AppStudio 设置窗口。

测试您的应用程序

接下来,您将测试您的应用程序。首先,您将在桌面应用程序中对其进行测试。然后,您将在移动设备上对其进行测试。

  1. AppStudio for ArcGIS 中,确认已选择 Palm Springs Map Tour 应用程序。在侧窗格中,单击运行

    “运行”按钮

    将在新窗口中打开 Palm Springs Map Tour 应用程序。

    Palm Springs Map Tour 应用程序

  2. 单击开始。如果需要下载离线地图,请单击稍后
  3. 单击每个图像以了解有关位置的详细信息,然后在列表地图之间进行切换。如果满意,请关闭应用程序。

    该应用程序适用于桌面应用程序。接下来,您需要将其上传至您的 ArcGIS 帐户并在移动设备上对其进行测试。

  4. AppStudio for ArcGIS 中,单击上传

    “上传”按钮

    随即显示 AppStudio 上传窗口。您可以选择与您的组织或与所有人共享上传的应用程序。由于您仍在测试应用程序,因此暂时无法进行共享。上传应用程序后,可在 ArcGIS Online 上更改共享选项。

  5. 单击上传

    将显示一条消息,确认已成功上传。

  6. 关闭 AppStudio 上传窗口。关闭 AppStudio for ArcGIS
  7. 在您的 Android 或 iOS 移动设备上,下载并安装 AppStudio Player(也可在 App StoreGoogle PlayAmazon 上获取)。
  8. 打开 AppStudio Player。单击登录,然后登录您的 ArcGIS 帐户。
    注:

    您可以选择使用 ArcGIS Online 帐户或 ArcGIS Enterprise 帐户进行登录。

    随即显示主页页面。该页面将列出与您的帐户相关联的所有应用程序。已列出 Palm Springs Map Tour 应用程序,但您也可以通过扫描其 QR 码来访问该应用程序。

  9. 在您的计算机上,重新打开 AppStudio for ArcGIS Desktop Edition。确认已选择 Palm Springs Map Tour 应用程序,然后单击 QR 码

    “QR 码”按钮

    随即显示应用程序的 QR 码。

  10. 在您的移动设备的 AppStudio Player 中,单击您的个人资料照片。

    随即显示侧菜单。

  11. 单击扫描 QR 码

    “扫描 QR 码”按钮

  12. 扫描 QR 码。

    您的应用程序将自动启动。

  13. 请运行并测试您的应用程序。

您已经构建并运行了 Palm Springs Map Tour 应用程序。该应用程序适用于移动设备,可以与您的组织或公众共享该应用程序。

可以使用任何 Story Map Tour 创建 Map Tour 移动应用程序。您只需使用您的故事地图 Id,而无需使用 Palm Springs 故事地图 ID。(必须公开共享故事地图。) 您还可以创建移动地图包。在启用匿名使用的情况下,建议您使用 ArcGIS Publisher 扩展模块来执行此操作。

您可以在 Learn ArcGIS 课程库中找到更多课程。