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 容器部署 容器环境（如 GKE 或 GAE。该托管演示使用 架构：

图片

  • 在此架构中，代码位于 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 体验。