概览
使用集合让一切井井有条
根据您的偏好保存内容并对其进行分类。
通过 Maps JavaScript 类中的仿真 3D 地图,您可以在所有应用中使用 Google 的 3D 图像。Google 现在提供内置 3D 渲染体验,让您可以快速、无缝地整合或试用 3D 地图。
以下示例展示了利用 Maps JavaScript API 中的 3D 地图可以做些什么:
主要特性和功能
- 集成数据 + 渲染程序解决方案:利用 Maps JavaScript 中的仿真 3D 地图是打造沉浸式地图体验的一种途径。利用内置渲染及地点丰富的集成式基本地图,您可以简化开发步骤,快速构建令人印象深刻的 3D 地图可视化效果。
- 性能卓越:Google 的内置渲染技术可实现快速显示,打造流畅的用户体验。
- 样式设置:Maps JavaScript 中的仿真 3D 地图支持使用多段线、多边形和挤压形状设置样式,让您能有效吸引用户关注现实世界中的主要地理元素。
- 预设的相机路径:使用预定义的相机动画轻松引导用户浏览您的 3D 地图,顺畅地过渡到地图注点,并从不同角度显示关键位置。
- 自定义标记:使用可完全自定义的标记,增强地图的视觉吸引力和功能,让您能够为能够与 3D 环境无缝融合或能够脱颖而出的位置创建唯一标识符。
- 3D 模型:通过整合建筑物、地标或自定义对象的详细 3D 模型,为用户提供沉浸感更强、信息更丰富的地图区域视图,从而提升地图体验。
- 数据全面:Google 始终致力于将更多优质数据引入地图平台,以持续提供一流的 3D 图像,让用户能更好地了解现实世界。
覆盖范围
查看 Maps JavaScript 中的仿真 3D 地图支持的覆盖范围。
后续步骤
- 请查看入门指南,了解如何构建“Hello, World!”3D 地图。
- 试用简介 codelab,了解如何向地图添加地图项。
- 在下一个 codelab 中扩展您在标记和动画方面的知识。
- 浏览 Google 的一系列示例,找到适合您的应用场景的示例。
如未另行说明,那么本页面中的内容已根据知识共享署名 4.0 许可获得了许可,并且代码示例已根据 Apache 2.0 许可获得了许可。有关详情,请参阅 Google 开发者网站政策。Java 是 Oracle 和/或其关联公司的注册商标。
最后更新时间 (UTC):2025-04-29。
[null,null,["最后更新时间 (UTC):2025-04-29。"],[],[],null,["Select platform: [Android](/maps/documentation/maps-3d/android-sdk/overview \"View this page for the Android platform docs.\") [iOS](/maps/documentation/maps-3d/ios-sdk/overview \"View this page for the iOS platform docs.\") [JavaScript](/maps/documentation/javascript/3d/overview \"View this page for the JavaScript platform docs.\")\n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n| This product or feature is in Preview (pre-GA). Pre-GA products and features might have limited support, and changes to pre-GA products and features might not be compatible with other pre-GA versions. Pre-GA Offerings are covered by the [Google\n| Maps Platform Service Specific Terms](https://cloud.google.com/maps-platform/terms/maps-service-terms). For more information, see the [launch stage\n| descriptions](/maps/launch-stages).\n\n\u003cbr /\u003e\n\nThe Photorealistic 3D Maps in Maps JavaScript class lets you use Google's 3D imagery across\nyour applications. Google now offers a built-in 3D rendering experience,\nallowing you to quickly and seamlessly incorporate or experiment with 3D\nMaps.\n\nHere's an example of what you can do with 3D Maps in the Maps JavaScript API:\n\nKey features and capabilities\n\n- **Integrated data + renderer solution**: Photorealistic 3D Maps in Maps JavaScript offers a single touchpoint for creating immersive mapping experiences. With built-in rendering and an integrated, places-rich base map, you can simplify development steps and quickly build impressive 3D maps visualizations.\n- **Performance**: Google's built-in rendering technology allows for fast display and a smooth user experience.\n- **Styling**: Photorealistic 3D Maps in Maps JavaScript provides support for styling using polylines, polygons, and extruded shapes, allowing you to effectively bring your user's attention to key geographic elements of the real world.\n- **Preset camera paths**: Effortlessly guide users through your 3D map with predefined camera animations, smoothly transitioning to points of interest and showcasing key locations from various angles.\n- **Custom markers**: Enhance your map's visual appeal and capabilities with fully customizable markers, allowing you to create unique identifiers for locations that seamlessly blend with your 3D environment or stand out for emphasis.\n- **3D models**: Elevate your mapping experience by incorporating detailed 3D models of buildings, landmarks, or custom objects, providing users with an even more immersive and informative view of the mapped area.\n- **Comprehensive data**: Google is constantly working to bring more high quality data into the maps platform, to continue to offer best-in-class 3D imagery and a better understanding of the real world.\n\nCoverage\n\nReview the Photorealistic 3D Maps in Maps JavaScript's supported [coverage](/maps/coverage).\n\nNext steps\n\n- Check out the [Get\n started](/maps/documentation/javascript/3d/get-started) guide to build a \"Hello, World!\" 3D map.\n- Try the intro [codelab](https://developers.google.com/codelabs/maps-platform/maps-platform-101-3d-maps-js) to explore how to add features to the map.\n- Expand your knowledge of markers and animation in the next [codelab](https://developers.google.com/codelabs/maps-platform/maps-platform-3d-maps-js-markers#0).\n- Browse Google's collection of [Samples](/maps/documentation/javascript/examples/3d/simple-map) to find one that works for your use-case."]]