3D 区域探索器使用入门

图片

概览

3D 区域探索器解决方案为您提供了一种全新的探索和探索方式, 体验位置。此解决方案利用了 Google 地图的功能 平台仿真 3D 功能块地点 API 打造引人入胜的交互式 3D 环境。

3D 区域探索器有多种用途:

  • 增强区域探索功能:用户可以使用 呈现出高度的视觉细节,让您深入了解当地的特色和 地标。

  • 宣传基于位置的叙述:能够整合地图注点 包含丰富的说明(例如地图注点) 叙事型体验,旨在向用户介绍 位置。

  • 利用 Google 地图的 3D 功能激发开发灵感:该示例演示了 Google 的 3D 地图数据在创造沉浸式、 互动式地图

开始使用:

<ph type="x-smartling-placeholder">

启用

关键技术

此解决方案使用两项关键技术构建:

Google Maps Platform API:

我们使用 Google Maps Platform 中的多个 API 获取基本地图和数据 来打造这种体验:

  • Google 地图仿真 3D 图块: 高分辨率的建筑物和地形 3D 模型可提供逼真的 直观呈现了城市环境,具有视觉吸引力。
  • Places API: 该应用可以识别并显示有关 探索区域内的兴趣 (POI),利用 本地知识。
  • 自动补全 可帮助用户搜索 。

CesiumJS

CesiumJS 负责渲染和显示高分辨率 3D 地球。负责处理 Google 仿真 3D 模型的加载和可视化 图块,提供建筑物和地形的 3D 网格模型。

相机管理:CesiumJS 提供用于控制相机镜头的 位置、方向和移动。其中包括:

  • 将初始视点设置为聚焦于指定的邻近区域 加载应用
  • 实现动态相机移动,例如自动环绕 以及动画效果进行探索
  • 如果包含此类特征,则处理用户与地球的交互 (平移、缩放、旋转)。

了解仿真 3D 图块的用途 使用 3D 图块渲染程序

关键组件

该应用分为两个不同的应用,即:

  • “管理”应用
  • 演示版应用

此图概述了 两个应用:

图片

进一步调查每个应用将大有裨益:

“管理”应用

此应用提供一个人性化的界面,让您可以自定义 3D 体验:

  • 位置搜索:使用集成式 Google Maps Platform 自动补全 搜索栏,找到要展示的区域。选择 摄像头就会无缝飞到相应区域。

  • 镜头:调整镜头的移动速度和轨道类型 选定的观看体验

  • 地点 (POI):用于定义地图注点的密度、搜索半径和点类型 您想要突出显示的兴趣(如餐馆、咖啡馆、地标)。

您可以使用此应用为最终用户打造个性化的体验。

<ph type="x-smartling-placeholder">

所有自定义设置都有详细说明 3D 区域探索器自定义

演示版应用

这是面向用户的最终应用, (在管理员应用中创建的)。在这个沉浸式 3D 环境中,用户可以 以浏览所选区域,并找出突出显示的地点。

使用 Admin 应用自定义外观和风格后,您可以 从源代码下载配置并运行您的自定义应用。

用户体验

图片

该应用的一些主要功能包括:

  1. 用户能够以 3D 方式互动探索某个区域,包括建筑物、 地标和地形
  2. 用户可以搜索和发现附近的地点(例如,博物馆、公园、 餐馆)。
  3. 用户选择地点后即可查看详细信息或相关叙述 与该地点有关

  4. 开发者可以通过相关设置和 控件(如果使用 Admin 应用)。

  5. 已启用自动旋转,允许相机自动旋转 所选区域的中心

前提条件

  1. Google Maps API 密钥:您需要与以下 API 搭配使用有效的 API 密钥 已启用:

  2. Web 服务器:您可以通过以下任一方式提供应用:

    • 本地网络服务器(例如,使用 Node.js、http-server)
    • 静态网站托管服务(应用附带 Dockerfile)

您可以在自述文件中找到有关部署选项的详细说明 部分。

部署

您可以将该应用作为节点应用或 Docker 容器部署 容器环境(如 GKEGAE。该托管演示使用 架构:

图片

  • 在此架构中,代码位于 GitHub 项目中。
  • Cloud Build 会在任何推送到主线程时获取代码,并在构建时触发 操作。
  • 在构建过程中,它会注入 API 密钥并创建映像 存储在 Artifact Registry 中。
  • 最后,将 Artifact Registry 中最新的稳定版映像部署到 Cloud 运行。
  • 我们还会进行一些健康检查和监控,以检查 已部署应用的名称

结算信息

3D 区域探索器解决方案使用 Google Maps Platform 服务提供 沉浸式、动态的体验某些 API 可能会产生费用。概述 以及定价链接

Google Maps Platform - 3D Tiles API:

Storytelling 解决方案利用 3D Tiles API 来增强视觉效果 拥有丰富的地理空间数据经验。与 3D 图块相关的价格详情 API,请参阅 Google Maps Platform - 3D Tiles API 价格

Google Maps Platform - Places API:

Places API 适用于基于位置的数据,可向 叙事体验为了了解与 Google Ads 相关的 Places API,访问 Google Maps Platform - Places API 价格

Google Maps Platform - Autocomplete API:

自动补全功能可加强用户互动。价格详情 有关 Google Maps Autocomplete API,请访问 Google Maps Platform - 地点自动补全 价格

CesiumJS:

CesiumJS 用于 3D 地球 直观呈现。虽然 CesiumJS 本身是开源的,但 服务可能会产生相关的费用。参阅 CesiumJS 任何高级推介产品/功能的文档。

请务必查看每个 API 的价格详情, 根据使用情况单独确定。请注意,Google Maps Platform 提供免费层级,提供一定数量的免费用量,以及 具体情况可能会因请求数量和使用情况等因素而异 区域。

请务必参阅官方价格页面,以获取最准确和最新的价格信息 有关 Google Maps Platform 和 CesiumJS 使用费用的信息。确保合规性 这些服务概述的条款及条件,以管理和 有效了解任何相关费用。

总结

本文档将大略介绍 3D 区域探索器的功能, 用户体验和技术要求

它利用 Google 的仿真 3D 图块和 Places API, 虚拟探索社区、发现景点,以及 了解当地历史

无论是展示某个区域、增强探索效果,还是宣传数字媒体 3D 区域探索器,它提供了一个具有震撼视效的平台。

试用演示版,并使用“管理”应用对其进行自定义,以制作富有吸引力且 信息丰富的 3D 体验。