借助 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 的一系列示例,找到适合您的应用场景的示例。