概览

请选择平台: 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 云端地图样式设置:控制基本地图点和道路样式设置的密度。
    • 自定义标记、弹出式信息框和设置样式的多段线:自定义标记以标识地图上的位置。
    • 3D 模型和 gLTF 资源:添加建筑物、地标或自定义对象的详细 3D 模型。
  • 构建沉浸式地图
    • 预设的相机路径:通过预定义的相机动画引导用户浏览 3D 地图,在各个地图注点之间切换。
    • 控制用户互动:自定义可供用户使用的控件和相机移动方式。

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

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

覆盖率

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

后续步骤

  • 查看入门指南,制作“Hello, World!”3D 地图。
  • 不妨试用入门级 Codelab,了解如何向地图添加地图项。
  • 在下一个 Codelab 中,您可以进一步了解标记和动画。
  • 浏览 Google 的一系列示例,找到适合您的应用场景的示例。