Оптимизируйте свои подборки
Сохраняйте и классифицируйте контент в соответствии со своими настройками.
Фотореалистичные 3D-карты в классе JavaScript Карт позволяют использовать 3D-изображения Google в ваших приложениях. Теперь Google предлагает встроенную функцию 3D-рендеринга, позволяющую быстро и легко добавлять 3D-карты или экспериментировать с ними.
Вот пример того, что можно делать с 3D-картами в Maps JavaScript API:
Ключевые особенности и возможности
Интегрированное решение для обработки данных и рендеринга : фотореалистичные 3D-карты в Maps JavaScript предлагает единую точку взаимодействия для создания захватывающего картографического опыта. Благодаря встроенным функциям рендеринга и встроенной базовой карте с большим количеством объектов вы можете упростить этапы разработки и быстро создавать впечатляющие визуализации 3D-карт.
Производительность . Встроенная технология рендеринга Google обеспечивает быстрое отображение и удобство работы с пользователем.
Стилизация : фотореалистичные 3D-карты в Maps. JavaScript обеспечивает поддержку стилизации с использованием полилиний, многоугольников и вытянутых фигур, что позволяет эффективно привлечь внимание пользователя к ключевым географическим элементам реального мира.
Предустановленные траектории движения камеры : легко направляйте пользователей по трехмерной карте с помощью заранее заданной анимации камеры, плавно переходя к точкам интереса и демонстрируя ключевые места под разными углами.
Пользовательские маркеры . Повысьте визуальную привлекательность и возможности вашей карты с помощью полностью настраиваемых маркеров, позволяющих создавать уникальные идентификаторы мест, которые органично сочетаются с вашей трехмерной средой или выделяются на фоне других.
3D-модели . Улучшите возможности картографии, включив подробные 3D-модели зданий, достопримечательностей или нестандартных объектов, предоставляя пользователям еще более захватывающий и информативный вид нанесенной на карту области.
Комплексные данные . Google постоянно работает над тем, чтобы добавить больше высококачественных данных в платформу карт, чтобы продолжать предлагать лучшие в своем классе 3D-изображения и лучшее понимание реального мира.
Покрытие
Ознакомьтесь с фотореалистичными 3D-картами в Картах, поддерживаемыми JavaScript.
Следующие шаги
Ознакомьтесь с руководством по началу работы , чтобы создать приложение «Hello, World!». 3D карта.
Попробуйте вводную кодовую лабораторию , чтобы узнать, как добавлять объекты на карту.
Расширьте свои знания о маркерах и анимации в следующей лаборатории кода .
Просмотрите коллекцию примеров Google, чтобы найти тот, который подходит для вашего случая использования.
[null,null,["Последнее обновление: 2025-04-29 UTC."],[],[],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."]]