概览

请选择平台: Android iOS JavaScript

借助 Maps JavaScript 中的 3D 地图,您可以打造沉浸式 3D 地图体验。它提供了用于自定义地图样式、提高无障碍功能和增强易用性的工具,可帮助您开发引人入胜的互动式应用。

以下示例展示了利用 Maps JavaScript API 中的 3D 地图可以做些什么:

为何使用 Maps JavaScript 中的 3D 地图

通过 Maps JavaScript 类中的 3D 地图,您可以在所有应用中使用 Google 的 3D 图像。3D 地图提供内置 3D 渲染体验,让您可以快速、无缝地整合或试用 3D 地图。

利用 Maps JavaScript 中的 3D 地图可以做些什么?

  • 打造真实世界地图体验:借助 逼真的 3D 环境,让地点栩栩如生,呈现前所未有的规模和细节。
  • 自定义地图样式:
    • 基于云端的 3D 地图样式:控制 基本地图地图注点 (POI) 和道路的可见性和样式。
    • 自定义标记、弹出式窗口和样式化折线:自定义标记以 标识地图上的位置。
    • 3D 模型和 gLTF 资源:添加建筑物、 地标或自定义对象的详细 3D 模型。
  • 打造沉浸式地图
    • 预设的相机路径:通过预定义的 相机动画引导用户浏览 3D 地图,在地图注点之间切换。
    • 控制用户互动:自定义用户可用的控件和相机移动 。

如何在 Maps JavaScript 中使用 3D 地图

1 开始设置 首先,请参阅设置 JavaScript API ,然后按照后续设置说明进行操作。
2 了解 Maps JavaScript API 的结算方式 如需了解相关信息,请参阅用量和结算。
3 创建地图 如需了解详情,请参阅 使用入门。

覆盖率

查看 Maps JavaScript 中的 3D 地图支持的 覆盖范围。

后续步骤

  • 查看入门 指南, 制作“Hello, World!”3D 地图。
  • 试用简介 Codelab ,了解如何向地图添加功能。
  • 在下一个 Codelab中,扩展您对标记和动画的了解。
  • 浏览 Google 的一系列 示例,找到 适合您的应用场景的示例。